/* Licitum — tokens de design (gerado de src/styles/global.css) */
:root {
  --ground: #f3f3f7;
  --surface: #ffffff;
  --surface-2: #f8f8fb;
  --line: #e2e2eb;
  --line-strong: #c8c8d8;
  --ink: #17172b;
  --ink-2: #474761;
  --muted: #72728c;
  --accent: #3b39b5;
  --accent-hover: #2f2d99;
  --accent-soft: #ececfb;
  --accent-ink: #ffffff;
  --good: #1d7a4c;
  --good-soft: #e2f3e9;
  --warn: #9a5d06;
  --warn-soft: #fbf0db;
  --crit: #b3261e;
  --crit-soft: #fbe7e5;
  --paper: #fffefb;
  --shadow: 0 1px 2px rgba(23, 23, 43, 0.06), 0 12px 32px rgba(23, 23, 43, 0.08);
  --shadow-lg: 0 2px 4px rgba(23, 23, 43, 0.05), 0 30px 70px -20px rgba(43, 41, 140, 0.28);
  --band: #17172b;
  --band-ink: #ececf6;
  --band-muted: #a3a3bd;

  --f-display: 'Archivo', 'Arial Narrow', system-ui, sans-serif;
  --f-body: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --wrap: 1180px;
  --gutter: clamp(16px, 4vw, 40px);
  --r-sm: 4px;
  --r: 8px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-pill: 99px;
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px;
  --dur-fast: 150ms; --dur: 350ms; --dur-slow: 700ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ground: #0f0f17;
    --surface: #171722;
    --surface-2: #1c1c29;
    --line: #2a2a3b;
    --line-strong: #3b3b52;
    --ink: #ececf6;
    --ink-2: #c0c0d4;
    --muted: #8e8ea8;
    --accent: #a09eff;
    --accent-hover: #b6b4ff;
    --accent-soft: #25244a;
    --accent-ink: #12121c;
    --good: #5fcb92;
    --good-soft: #15301f;
    --warn: #eaaa4b;
    --warn-soft: #33260f;
    --crit: #f2877e;
    --crit-soft: #3a1816;
    --paper: #1b1b27;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 32px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 2px 4px rgba(0, 0, 0, 0.4), 0 30px 80px -20px rgba(120, 118, 255, 0.22);
    --band: #1a1a2b;
    --band-ink: #ececf6;
    --band-muted: #a3a3bd;
    color-scheme: dark;
  }
}