/**
 * ExcelBills UX-LP2 — public experience design tokens
 * Isolated from ERP design-system (assets/design-system/)
 */
:root {
  --eb-midnight: #0f172a;
  --eb-slate: #1e293b;
  --eb-royal: #2563eb;
  --eb-indigo: #4f46e5;
  --eb-bg: #f8fafc;
  --eb-card: #ffffff;
  --eb-success: #10b981;
  --eb-warning: #f59e0b;
  --eb-danger: #ef4444;
  --eb-info: #06b6d4;
  --eb-violet: #7c3aed;

  --eb-text: #0f172a;
  --eb-text-muted: #64748b;
  --eb-text-soft: #94a3b8;
  --eb-border: rgba(15, 23, 42, 0.08);
  --eb-border-strong: rgba(15, 23, 42, 0.14);

  --eb-glass: rgba(255, 255, 255, 0.72);
  --eb-glass-border: rgba(255, 255, 255, 0.5);
  --eb-glow-royal: rgba(37, 99, 235, 0.35);
  --eb-glow-violet: rgba(124, 58, 237, 0.25);

  --eb-font: "Inter Tight", Inter, system-ui, sans-serif;
  --eb-mono: ui-monospace, "SF Mono", Menlo, monospace;

  --eb-radius-sm: 8px;
  --eb-radius: 14px;
  --eb-radius-lg: 20px;
  --eb-radius-xl: 28px;

  --eb-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --eb-shadow: 0 8px 32px rgba(15, 23, 42, 0.08);
  --eb-shadow-lg: 0 24px 64px rgba(15, 23, 42, 0.12);
  --eb-shadow-glow: 0 0 80px var(--eb-glow-royal);

  --eb-nav-h: 72px;
  --eb-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --eb-dur: 0.45s;
}

[data-lp-theme="dark"] {
  --eb-bg: #030712;
  --eb-card: #0f172a;
  --eb-text: #f1f5f9;
  --eb-text-muted: #94a3b8;
  --eb-text-soft: #64748b;
  --eb-border: rgba(248, 250, 252, 0.08);
  --eb-border-strong: rgba(248, 250, 252, 0.14);
  --eb-glass: rgba(15, 23, 42, 0.75);
  --eb-glass-border: rgba(248, 250, 252, 0.1);
  --eb-shadow: 0 8px 40px rgba(0, 0, 0, 0.45);
  --eb-shadow-lg: 0 32px 80px rgba(0, 0, 0, 0.55);
}