/* Hallmark · genre: editorial · macrostructure: bespoke (institucional + hero ilustrado)
 * theme: custom · vibe: "barragem luminosa, colinas verdes, céu claro, água, pinhal"
 * paper oklch(97.5% 0.006 95) light · accent oklch(52% 0.11 210) água fria + verde oklch(48% 0.09 145)
 * display: Bricolage Grotesque (grotesk-sans) · body: Source Serif 4 · outlier: IBM Plex Mono
 * nav: N10 floating-on-scroll-morph · footer: Ft1 mast-headed + divisor de colinas
 * design-system: design.md
 * Tema fixo claro — sem variante escura (site institucional, não segue prefers-color-scheme).
 */

:root {
  color-scheme: light;

  /* ---------- Cor — paper claro, água + pinhal ---------- */
  --color-paper:         oklch(97.5% 0.006 95);
  --color-paper-2:       oklch(95%   0.008 95);
  --color-paper-3:       oklch(93%   0.018 205);
  --color-rule:          oklch(88%   0.016 205);
  --color-neutral:       oklch(58%   0.02  210);
  --color-muted:         oklch(44%   0.03  212);
  --color-ink:           oklch(24%   0.035 222);

  --color-accent:        oklch(52%   0.11  210);   /* azul-albufeira */
  --color-accent-2:      oklch(40%   0.10  215);
  --color-accent-soft:   oklch(94%   0.03  206);
  --color-focus:         oklch(55%   0.13  212);

  --color-green:         oklch(48%   0.09  145);   /* pinhal / colinas */
  --color-green-deep:    oklch(36%   0.08  148);
  --color-green-soft:    oklch(93%   0.03  150);

  --color-sun:           oklch(78%   0.12  80);    /* sol sobre água — só Festa da Portela */
  --color-sun-deep:      oklch(58%   0.13  70);

  --color-ink-surface:   oklch(30%   0.05  222);   /* faixa "entardecer sobre a barragem" */
  --color-ink-surface-2: oklch(38%   0.06  205);
  --color-on-ink:        oklch(95%   0.012 90);
  --color-on-ink-muted:  oklch(82%   0.025 95);

  --color-danger:        oklch(52%   0.16  25);
  --color-success:       oklch(50%   0.09  150);

  /* ---------- Tipografia ---------- */
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Source Serif 4", ui-serif, Georgia, serif;
  --font-outlier: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;

  --text-xs:   0.72rem;
  --text-sm:   0.87rem;
  --text-base: 1.05rem;
  --text-md:   1.25rem;
  --text-lg:   1.45rem;
  --text-xl:   1.8rem;
  --text-2xl:  2.25rem;
  --text-3xl:  2.8rem;
  --text-4xl:  3.5rem;
  --text-display:   clamp(2.6rem, 4.4vw + 1rem, 4.6rem);
  --text-display-s: clamp(2.1rem, 3vw + 1rem, 3.1rem);

  /* ---------- Espaço — escala 4pt ---------- */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.25rem;
  --space-xl:  3.5rem;
  --space-2xl: 5rem;
  --space-3xl: 7.5rem;

  /* ---------- Traço / forma ---------- */
  --rule-hair: 1px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-badge: 999px;

  /* ---------- 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-fast: 150ms;
  --dur-base: 260ms;
  --dur-slow: 420ms;

  --measure: 66ch;
  --page-max: 76rem;
  --shadow-float: 0 12px 28px -16px oklch(30% 0.05 222 / 0.22);
  --shadow-card: 0 6px 18px -12px oklch(30% 0.05 222 / 0.16);
}