/* Hallmark · genre: atmospheric · macrostructure: split-studio · theme: custom (Grafite & Âmbar) · vibe: técnica noturna, nível concessionária · paper: oklch(15.5% 0.008 75) · accent: oklch(76% 0.15 72) · display: Space Grotesk · body: Barlow · axes: dark / grotesk-sans / chromatic-amber · enrichment: fotos reais da oficina + logo oficial · nav: N5 · footer: Ft5 · contrast: pass (40–41) · slop: pass (42–45) · honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49) · icons: pass (30) · mobile: pass (34, 49, 50–57) */
/* Hallmark · pre-emit critique: P4 H5 E4 S5 R4 V4 */

:root {
  /* ---- cor · papel grafite quente, elevação por luminosidade ---- */
  --color-paper:    oklch(15.5% 0.008 75);
  --color-paper-2:  oklch(19.5% 0.010 75);
  --color-paper-3:  oklch(23.5% 0.012 75);
  --color-ink:      oklch(93% 0.006 80);
  --color-ink-2:    oklch(71% 0.014 78);
  --color-ink-3:    oklch(62% 0.014 78);
  --color-rule:     oklch(31% 0.012 75);
  --color-rule-2:   oklch(38% 0.012 75);

  /* acento único · âmbar */
  --color-accent:      oklch(76% 0.15 72);
  --color-accent-hi:   oklch(82% 0.16 76);
  --color-accent-ink:  oklch(18% 0.045 75);
  --color-focus:       oklch(82% 0.16 76);

  /* blooms do canvas (atmospheric · 2 no máximo, fixos) */
  --bloom-1: oklch(38% 0.065 70 / 0.32);
  --bloom-2: oklch(33% 0.055 60 / 0.22);

  /* faixa clara · o "detalhes claros, meio a meio" do briefing */
  --color-band:        oklch(94% 0.010 80);
  --color-band-2:      oklch(89% 0.012 80);
  --color-band-ink:    oklch(22% 0.012 75);
  --color-band-ink-2:  oklch(44% 0.014 75);
  --color-band-rule:   oklch(80% 0.014 78);
  --color-band-focus:  oklch(50% 0.14 72);

  /* ---- tipo · 2 famílias ---- */
  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Barlow", sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.3125rem;
  --text-xl: clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem);
  --text-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --text-display: clamp(2.25rem, 1.5rem + 3vw, 3.75rem);

  /* ---- espaço · escala 4pt ---- */
  --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;
  --space-3xl: 6rem;
  --space-4xl: 9rem;

  --page-gutter: clamp(1.125rem, 4vw, 4rem);
  --page-max: 74rem;

  /* ---- movimento ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:  cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  /* ---- profundidade ---- */
  --rule-hair: 1px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 200;
  --z-fab: 210;
}