/* fiscal-recon — tokens de design (Hallmark · tema Cobalt adaptado)
 * carregado antes de styles.css; é a única fonte dos --color-* / --font-* / --space-* etc.
 */

:root {
  color-scheme: light;

  --color-paper:        oklch(98.5% 0.004 250);
  --color-paper-2:      oklch(96.4% 0.005 252);
  --color-ink:          oklch(24% 0.021 258);
  --color-ink-2:        oklch(34% 0.018 257);
  --color-muted:        oklch(47% 0.017 256);
  --color-rule:         oklch(91% 0.006 255);
  --color-rule-2:       oklch(83% 0.011 255);
  --color-accent:       #ef5340;                 /* fills, hero, dark mode */
  --color-accent-strong: #c5372a;                /* texto/ícone vermelho sobre fundo claro (AA) */
  --color-accent-ink:   #ffffff;
  --color-accent-weak:  rgb(239 83 64 / 0.12);
  --color-ok:           oklch(48% 0.12 155);
  --color-scrim:        oklch(20% 0.02 260 / 0.42);
  --shadow-card:        0 1px 2px oklch(24% 0.02 258 / 0.06);
  --shadow-pop:         0 24px 60px -20px oklch(20% 0.02 260 / 0.4);

  --color-band:         oklch(19.5% 0.017 261);
  --color-band-rule:    oklch(34% 0.016 260);
  --color-on-band:      oklch(91% 0.008 255);
  --color-on-band-dim:  oklch(66% 0.014 258);

  --color-graphite:     oklch(21.5% 0.016 261);
  --color-on-graphite:  oklch(90% 0.009 255);
  --color-on-graphite-dim: oklch(64% 0.014 258);

  --font-display: "Bricolage Grotesque", "Arial Narrow", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --text-display: clamp(2.05rem, 3.3vw + 1rem, 3.4rem);
  --text-h2:      clamp(1.55rem, 2.4vw + 0.6rem, 2.35rem);
  --text-h3:      1.14rem;
  --text-lede:    clamp(1.04rem, 0.55vw + 0.9rem, 1.2rem);
  --text-sm:      0.875rem;
  --text-mono:    0.82rem;
  --text-label:   0.72rem;

  --space-2xs: 0.25rem;  --space-xs: 0.5rem;   --space-sm: 0.75rem;
  --space-md:  1rem;     --space-lg: 1.5rem;   --space-xl: 2.5rem;
  --space-2xl: 4rem;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --radius-sm: 6px;
  --radius-md: 10px;
  --rule-hair: 1px;

  --page-gutter: clamp(1.15rem, 5vw, 4rem);
  --maxw: 74rem;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-paper:        oklch(15.5% 0.014 261);
    --color-paper-2:      oklch(19% 0.015 261);
    --color-ink:          oklch(93% 0.006 255);
    --color-ink-2:        oklch(80% 0.01 256);
    --color-muted:        oklch(60% 0.015 258);
    --color-rule:         oklch(27% 0.012 258);
    --color-rule-2:       oklch(36% 0.014 258);
    --color-accent:       #ef5340;
    --color-accent-strong: #ef5340;
    --color-accent-ink:   #1a0c0a;
    --color-accent-weak:  rgb(239 83 64 / 0.18);
    --color-ok:           oklch(70% 0.13 158);
    --color-scrim:        oklch(4% 0.01 260 / 0.55);
    --shadow-card:        0 1px 2px oklch(0% 0 0 / 0.4);
    --shadow-pop:         0 24px 60px -20px oklch(0% 0 0 / 0.6);
    --color-band:         oklch(12% 0.014 262);
    --color-band-rule:    oklch(26% 0.013 260);
    --color-on-band:      oklch(90% 0.008 255);
    --color-on-band-dim:  oklch(62% 0.014 258);
    --color-graphite:     oklch(19% 0.015 262);
    --color-on-graphite:  oklch(90% 0.009 255);
    --color-on-graphite-dim: oklch(62% 0.014 258);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --color-paper:        oklch(15.5% 0.014 261);
  --color-paper-2:      oklch(19% 0.015 261);
  --color-ink:          oklch(93% 0.006 255);
  --color-ink-2:        oklch(80% 0.01 256);
  --color-muted:        oklch(60% 0.015 258);
  --color-rule:         oklch(27% 0.012 258);
  --color-rule-2:       oklch(36% 0.014 258);
  --color-accent:       #ef5340;
  --color-accent-strong: #ef5340;
  --color-accent-ink:   #1a0c0a;
  --color-accent-weak:  rgb(239 83 64 / 0.18);
  --color-ok:           oklch(70% 0.13 158);
  --color-scrim:        oklch(4% 0.01 260 / 0.55);
  --shadow-card:        0 1px 2px oklch(0% 0 0 / 0.4);
  --shadow-pop:         0 24px 60px -20px oklch(0% 0 0 / 0.6);
  --color-band:         oklch(12% 0.014 262);
  --color-band-rule:    oklch(26% 0.013 260);
  --color-on-band:      oklch(90% 0.008 255);
  --color-on-band-dim:  oklch(62% 0.014 258);
  --color-graphite:     oklch(19% 0.015 262);
  --color-on-graphite:  oklch(90% 0.009 255);
  --color-on-graphite-dim: oklch(62% 0.014 258);
}