/* Hallmark · tokens · theme: Almanac Corporate (v2)
 * axes — paper band: light (97%) + dark brand grounds (24%) · display: roman-serif · accent hue: warm brass (78)
 * Deux familles de surfaces : le papier (clair) et la marque (pétrole profond).
 * Un seul accent : le laiton, réservé aux fonds sombres et aux filets.
 */

:root {
  /* ---- Surfaces claires ---------------------------------------------- */
  --color-paper:        oklch(97.5% 0.006 150);
  --color-paper-2:      oklch(94.5% 0.010 155);
  --color-paper-3:      oklch(90%   0.012 158);
  --color-rule:         oklch(85%   0.012 160);
  --color-rule-strong:  oklch(74%   0.014 165);

  /* ---- Encre & gris --------------------------------------------------- */
  --color-ink:          oklch(19%   0.015 195);
  --color-ink-2:        oklch(28%   0.016 195);
  --color-muted:        oklch(43%   0.014 190);
  --color-neutral:      oklch(55%   0.012 190);

  /* ---- Marque (surfaces sombres) -------------------------------------- */
  --color-brand:        oklch(38%   0.075 190);
  --color-brand-mid:    oklch(31%   0.055 192);
  --color-brand-deep:   oklch(24%   0.045 195);
  --color-brand-wash:   oklch(93%   0.022 185);

  /* ---- Accent laiton --------------------------------------------------- */
  --color-accent:       oklch(75%   0.135 78);
  --color-accent-soft:  oklch(85%   0.090 82);
  --color-accent-ink:   oklch(48%   0.110 62);
  --color-focus:        oklch(60%   0.150 78);

  /* ---- Voiles sur photo ------------------------------------------------ */
  --scrim-strong: linear-gradient(90deg, oklch(24% 0.045 195 / 0.94) 0%, oklch(24% 0.045 195 / 0.82) 45%, oklch(24% 0.045 195 / 0.55) 100%);
  --scrim-soft:   linear-gradient(180deg, oklch(19% 0.015 195 / 0.15) 0%, oklch(19% 0.015 195 / 0.72) 100%);

  /* ---- Type ------------------------------------------------------------ */
  --font-display: "Newsreader", ui-serif, Cambria, Georgia, serif;
  --font-body:    "IBM Plex Sans", ui-sans-serif, "Segoe UI", sans-serif;

  --text-xs:      0.75rem;
  --text-sm:      0.85rem;
  --text-base:    1rem;
  --text-md:      1.125rem;
  --text-lg:      1.375rem;
  --text-xl:      1.75rem;
  --text-2xl:     2.125rem;
  --text-3xl:     2.75rem;
  --text-display:   clamp(2.5rem, 4.2vw + 1rem, 4.75rem);
  --text-display-s: clamp(2rem, 2.4vw + 1rem, 3rem);

  /* ---- Espace ---------------------------------------------------------- */
  --space-3xs: 0.125rem;
  --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.25rem, 4.5vw, 4.5rem);
  --measure: 62ch;
  --nav-height: 4.5rem;

  /* ---- Filets, rayons, ombres ------------------------------------------ */
  --rule-hair:   1px;
  --rule-strong: 2px;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --shadow-hair:   0 0 0 1px oklch(30% 0.01 190 / 0.07);
  --shadow-raised: 0 6px 24px oklch(24% 0.045 195 / 0.10);

  /* ---- Mouvement -------------------------------------------------------- */
  --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;

  /* ---- Plans ------------------------------------------------------------ */
  --z-base:       1;
  --z-raised:     10;
  --z-sticky:     200;
  --z-sticky-nav: 300;
}