/* einvoice.global — design tokens (dark only) */
:root {
  /* === Brand === */
  --brand-green: #21D07A;
  --brand-green-soft: #34E08C;
  --brand-green-deep: #169858;

  /* === Surfaces === */
  --bg-0: #07101C;       /* page */
  --bg-1: #0B1320;       /* card */
  --bg-2: #0F1A2B;       /* nested surface, code blocks */
  --bg-3: #142235;       /* hover */

  /* === Lines === */
  --line: rgba(255,255,255,0.06);
  --line-strong: rgba(255,255,255,0.10);
  --line-soft: rgba(255,255,255,0.04);

  /* === Text === */
  --ink: #F5F8FC;
  --ink-soft: #9AA8BD;
  --ink-mute: #5C6B82;
  --ink-faint: #3C4A60;
  --ink-on-green: #07101C;

  /* === Status === */
  --status-live: #21D07A;
  --status-upcoming: #F5B547;
  --status-delayed: #E5644E;
  --status-voluntary: #6FA4E0;
  --status-consultation: #B07AE0;

  /* === Pill backgrounds === */
  --pill-live-bg: rgba(33,208,122,0.12);
  --pill-upcoming-bg: rgba(245,181,71,0.12);
  --pill-delayed-bg: rgba(229,100,78,0.12);
  --pill-voluntary-bg: rgba(111,164,224,0.12);
  --pill-consultation-bg: rgba(176,122,224,0.12);

  /* === Typography === */
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;

  /* === Layout === */
  --wrap-max: 1240px;
  --wrap-pad: 24px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;

  /* === Motion === */
  --t-fast: 80ms ease-out;
  --t-med:  160ms ease-out;
}

/* Force dark color-scheme so native UI matches */
:root { color-scheme: dark; }