/* Churrasqueira JN · tokens (Hallmark: OKLCH, named, everything referenced by var()).
 * Anchor hue 162 (green). Paper ~#F7F7F5, rule ~#E5E7EB, accent ~#10B981 (highlights only). */
@font-face { font-family: "Inter Tight"; src: url("/fonts/inter-tight.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }
@font-face { font-family: "Geist Pixel"; src: url("/fonts/geist-pixel.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
  --color-paper:       oklch(97.6% 0.003 162);
  --color-paper-2:     oklch(95.4% 0.004 162);
  --color-surface:     oklch(99.7% 0.002 162);
  --color-rule:        oklch(91.6% 0.005 162);
  --color-rule-2:      oklch(85% 0.006 162);
  --color-ink:         oklch(19% 0.006 162);
  --color-ink-2:       oklch(32% 0.008 162);
  --color-muted:       oklch(47% 0.010 162);
  --color-faint:       oklch(55% 0.010 162);
  --color-slot:        oklch(24% 0.006 162);
  --color-slot-ink:    oklch(98% 0.003 162);
  --color-slot-free:   oklch(94.6% 0.004 162);
  --color-accent:      oklch(69.6% 0.149 162);
  --color-accent-ink:  oklch(46% 0.100 162);
  --color-accent-soft: oklch(95.5% 0.040 162);
  --color-accent-line: oklch(86% 0.080 162);
  --color-bad:         oklch(50% 0.180 27);
  --color-bad-soft:    oklch(96.5% 0.020 27);
  --color-night:       oklch(14.5% 0.004 162);
  --color-night-ink:   oklch(96% 0.004 162);
  --color-night-muted: oklch(72% 0.008 162);
  --color-night-rule:  oklch(28% 0.006 162);
  --color-night-mark:  oklch(21% 0.006 162);
  --color-control:     oklch(60% 0.010 162);
  --color-focus:       oklch(46% 0.100 162);
  --color-glass:       oklch(97.6% 0.003 162 / .78);
  --color-scrim:       oklch(14.5% 0.004 162 / .42);
  --color-shadow:      oklch(19% 0.006 162 / .06);
  --color-shadow-2:    oklch(19% 0.006 162 / .14);

  --font-sans:  "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-pixel: "Geist Pixel", "JetBrains Mono", ui-monospace, monospace;

  --text-2xs: .6875rem; --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-md: 1.0625rem;
  --text-lg: 1.25rem; --text-xl: 1.5rem; --text-2xl: 1.75rem;
  --text-display: clamp(2.75rem, 11vw, 4.75rem);
  --text-display-desk: clamp(2.25rem, 3.9vw, 3.75rem);
  --text-month: clamp(1.15rem, 5.4vw, 1.5rem);

  --space-3xs: 4px; --space-2xs: 8px; --space-xs: 12px; --space-sm: 16px; --space-md: 24px;
  --space-lg: 32px; --space-xl: 48px; --space-2xl: 64px; --space-3xl: 96px;

  --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-pill: 999px;
  --rule-hair: 1px;

  --shadow-1: 0 1px 2px var(--color-shadow);
  --shadow-2: 0 1px 2px var(--color-shadow), 0 8px 24px -10px var(--color-shadow-2);
  --shadow-3: 0 1px 2px var(--color-shadow), 0 24px 60px -24px var(--color-shadow-2);

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in: cubic-bezier(.55, 0, 1, .45);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 150ms; --dur-base: 250ms; --dur-slow: 320ms;

  --tap: 48px;
  --layout-max: 1120px;
}