/* Design tokens · Adeline & Anirban · Château de Trouhans, 7 August 2027
 * Every colour, face, size, easing and layer on the site comes from here.
 * The --tod-<moment>-<role> blocks are the landscape palette at eight moments of the day;
 * assets/js/main.js reads them and blends between them as the visitor scrolls.
 */

:root {
  /* ---------------------------------------------------------------- type */
  --font-display: "Bodoni Moda", "Bodoni Moda Fallback", "Didot", "Bodoni 72", Georgia, serif;
  --font-body: "EB Garamond", "EB Garamond Fallback", Garamond, "Iowan Old Style", Georgia, serif;

  /* steps of about 1.2 between sizes; display sizes are fluid */
  --text-xs: 0.8rem;
  --text-sm: 0.9375rem;
  --text-base: 1.1875rem;
  --text-md: 1.375rem;
  --text-lg: 1.75rem;
  --text-xl: clamp(1.9rem, 1.2rem + 2.2vw, 2.75rem);
  --text-2xl: clamp(2.4rem, 1.4rem + 3.4vw, 3.9rem);
  --text-display: clamp(3rem, min(1.6rem + 7.2vw, 9.6svh), 7rem); /* bounded by height too, so the names always clear the hills */

  --leading-display: 0.98;
  --leading-head: 1.08;
  --leading-body: 1.58;
  --tracking-display: -0.025em;
  --tracking-label: 0.14em;

  /* ---------------------------------------------------------------- colour · interface */
  --color-ink: oklch(23% 0.035 268);          /* night indigo, primary text */
  --color-ink-2: oklch(36% 0.03 268);         /* secondary text on the day sky */
  --color-rule: oklch(23% 0.035 268 / 0.28);  /* hairlines on the day sky */
  --color-paper: oklch(97% 0.012 85);         /* light text on night and on the card */
  --color-paper-2: oklch(84% 0.02 85);        /* secondary light text */
  --color-card: oklch(17% 0.022 272);         /* the reply card: the couple's black */
  --color-card-2: oklch(22% 0.024 272);       /* fields on the card */
  --color-card-rule: oklch(97% 0.012 85 / 0.22);
  --color-gold: oklch(83% 0.145 85);          /* sunflower gold, the accent */
  --color-gold-2: oklch(76% 0.15 80);         /* pressed / hover gold */
  --color-gold-ink: oklch(23% 0.035 268);     /* text on gold */
  --color-gold-soft: oklch(88% 0.09 88);      /* selection on the day sky */
  --color-lamp: oklch(87% 0.13 82);           /* lit windows and festoon lights at night */
  --color-moon: oklch(95% 0.025 95);
  --color-star: oklch(97% 0.012 90);
  --color-focus: oklch(30% 0.12 268);         /* focus ring on the day sky */
  --color-focus-card: oklch(85% 0.14 85);     /* focus ring on the card */
  --color-error: oklch(52% 0.17 28);
  --color-error-card: oklch(78% 0.12 35);
  --color-success-card: oklch(84% 0.12 145);
  --color-tbd: oklch(40% 0.11 300);           /* visible placeholders waiting for real copy */
  --color-sky-fallback: oklch(84% 0.04 240);

  /* ---------------------------------------------------------------- space · 4pt */
  --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;
  --gutter: clamp(1.25rem, 5vw, 4rem);

  /* ---------------------------------------------------------------- shape, rules, layers */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-pill: 999px;
  --rule-hair: 1px;

  --z-sky: -1;
  --z-land: 10;
  --z-veil: 11;
  --z-bar: 200;

  /* ---------------------------------------------------------------- motion */
  --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;
  --dur-sway: 7.5s;

  /* ---------------------------------------------------------------- scene geometry */
  --bar-h: 4rem;
  --land-h: 40svh;
  --land-reading: 22svh;

  /* ---------------------------------------------------------------- time of day
   * roles: sky-top, sky-low, glow, sun, cloud, far (Jura), haze, cote (escarpment),
   * vine, wood, plain, meadow, stone, roof, field (sunflower leaves), petal, disc, ink (nav text)
   */

  /* before sunrise */
  --tod-predawn-sky-top: oklch(64% 0.055 268);
  --tod-predawn-sky-low: oklch(82% 0.065 40);
  --tod-predawn-glow: oklch(82% 0.1 45);
  --tod-predawn-sun: oklch(84% 0.13 50);
  --tod-predawn-cloud: oklch(80% 0.055 20);
  --tod-predawn-far: oklch(66% 0.05 300);
  --tod-predawn-haze: oklch(76% 0.05 340);
  --tod-predawn-cote: oklch(54% 0.05 290);
  --tod-predawn-vine: oklch(52% 0.045 280);
  --tod-predawn-wood: oklch(34% 0.04 285);
  --tod-predawn-plain: oklch(62% 0.05 50);
  --tod-predawn-meadow: oklch(54% 0.045 150);
  --tod-predawn-stone: oklch(66% 0.03 50);
  --tod-predawn-roof: oklch(42% 0.03 280);
  --tod-predawn-field: oklch(36% 0.04 150);
  --tod-predawn-petal: oklch(66% 0.1 75);
  --tod-predawn-disc: oklch(26% 0.04 40);
  --tod-predawn-ink: oklch(23% 0.035 268);

  /* sunrise · the names */
  --tod-sunrise-sky-top: oklch(82% 0.042 245);
  --tod-sunrise-sky-low: oklch(92% 0.05 70);
  --tod-sunrise-glow: oklch(91% 0.085 68);
  --tod-sunrise-sun: oklch(93% 0.1 74);
  --tod-sunrise-cloud: oklch(94% 0.03 50);
  --tod-sunrise-far: oklch(79% 0.04 290);
  --tod-sunrise-haze: oklch(88% 0.035 65);
  --tod-sunrise-cote: oklch(71% 0.045 285);
  --tod-sunrise-vine: oklch(68% 0.045 220);
  --tod-sunrise-wood: oklch(47% 0.04 230);
  --tod-sunrise-plain: oklch(84% 0.07 85);
  --tod-sunrise-meadow: oklch(75% 0.06 135);
  --tod-sunrise-stone: oklch(86% 0.03 75);
  --tod-sunrise-roof: oklch(57% 0.03 255);
  --tod-sunrise-field: oklch(52% 0.06 140);
  --tod-sunrise-petal: oklch(83% 0.13 88);
  --tod-sunrise-disc: oklch(37% 0.05 50);
  --tod-sunrise-ink: oklch(23% 0.035 268);

  /* morning · our story */
  --tod-morning-sky-top: oklch(80% 0.062 240);
  --tod-morning-sky-low: oklch(94% 0.028 205);
  --tod-morning-glow: oklch(97% 0.04 95);
  --tod-morning-sun: oklch(99% 0.03 95);
  --tod-morning-cloud: oklch(97% 0.008 240);
  --tod-morning-far: oklch(81% 0.035 245);
  --tod-morning-haze: oklch(89% 0.025 220);
  --tod-morning-cote: oklch(71% 0.05 225);
  --tod-morning-vine: oklch(66% 0.07 160);
  --tod-morning-wood: oklch(45% 0.06 165);
  --tod-morning-plain: oklch(83% 0.09 90);
  --tod-morning-meadow: oklch(71% 0.09 135);
  --tod-morning-stone: oklch(88% 0.025 80);
  --tod-morning-roof: oklch(58% 0.025 250);
  --tod-morning-field: oklch(50% 0.09 135);
  --tod-morning-petal: oklch(84% 0.15 92);
  --tod-morning-disc: oklch(36% 0.06 55);
  --tod-morning-ink: oklch(23% 0.035 268);

  /* afternoon · the weekend */
  --tod-afternoon-sky-top: oklch(77% 0.075 238);
  --tod-afternoon-sky-low: oklch(92% 0.035 215);
  --tod-afternoon-glow: oklch(98% 0.03 95);
  --tod-afternoon-sun: oklch(99% 0.025 95);
  --tod-afternoon-cloud: oklch(98% 0.006 240);
  --tod-afternoon-far: oklch(80% 0.04 240);
  --tod-afternoon-haze: oklch(88% 0.03 225);
  --tod-afternoon-cote: oklch(68% 0.055 215);
  --tod-afternoon-vine: oklch(62% 0.08 150);
  --tod-afternoon-wood: oklch(42% 0.07 160);
  --tod-afternoon-plain: oklch(81% 0.1 88);
  --tod-afternoon-meadow: oklch(68% 0.1 135);
  --tod-afternoon-stone: oklch(88% 0.02 85);
  --tod-afternoon-roof: oklch(55% 0.025 250);
  --tod-afternoon-field: oklch(48% 0.1 135);
  --tod-afternoon-petal: oklch(84% 0.16 92);
  --tod-afternoon-disc: oklch(35% 0.06 55);
  --tod-afternoon-ink: oklch(23% 0.035 268);

  /* golden hour · staying */
  --tod-golden-sky-top: oklch(79% 0.055 232);
  --tod-golden-sky-low: oklch(88% 0.085 75);
  --tod-golden-glow: oklch(87% 0.12 66);
  --tod-golden-sun: oklch(92% 0.12 78);
  --tod-golden-cloud: oklch(93% 0.055 60);
  --tod-golden-far: oklch(73% 0.05 40);
  --tod-golden-haze: oklch(85% 0.065 66);
  --tod-golden-cote: oklch(59% 0.05 32);
  --tod-golden-vine: oklch(57% 0.07 72);
  --tod-golden-wood: oklch(39% 0.055 90);
  --tod-golden-plain: oklch(79% 0.11 76);
  --tod-golden-meadow: oklch(65% 0.095 112);
  --tod-golden-stone: oklch(85% 0.065 70);
  --tod-golden-roof: oklch(53% 0.04 40);
  --tod-golden-field: oklch(46% 0.085 115);
  --tod-golden-petal: oklch(81% 0.15 78);
  --tod-golden-disc: oklch(34% 0.06 45);
  --tod-golden-ink: oklch(23% 0.035 268);

  /* sunset · the reply */
  --tod-sunset-sky-top: oklch(63% 0.075 285);
  --tod-sunset-sky-low: oklch(81% 0.115 52);
  --tod-sunset-glow: oklch(77% 0.155 46);
  --tod-sunset-sun: oklch(81% 0.165 50);
  --tod-sunset-cloud: oklch(77% 0.095 22);
  --tod-sunset-far: oklch(59% 0.06 330);
  --tod-sunset-haze: oklch(73% 0.08 42);
  --tod-sunset-cote: oklch(43% 0.06 320);
  --tod-sunset-vine: oklch(43% 0.06 340);
  --tod-sunset-wood: oklch(29% 0.04 320);
  --tod-sunset-plain: oklch(61% 0.1 55);
  --tod-sunset-meadow: oklch(47% 0.06 80);
  --tod-sunset-stone: oklch(73% 0.08 45);
  --tod-sunset-roof: oklch(41% 0.04 330);
  --tod-sunset-field: oklch(33% 0.05 100);
  --tod-sunset-petal: oklch(68% 0.13 65);
  --tod-sunset-disc: oklch(26% 0.04 40);
  --tod-sunset-ink: oklch(23% 0.035 268);

  /* dusk */
  --tod-dusk-sky-top: oklch(37% 0.07 280);
  --tod-dusk-sky-low: oklch(55% 0.085 15);
  --tod-dusk-glow: oklch(58% 0.11 25);
  --tod-dusk-sun: oklch(70% 0.15 40);
  --tod-dusk-cloud: oklch(50% 0.065 330);
  --tod-dusk-far: oklch(40% 0.05 300);
  --tod-dusk-haze: oklch(48% 0.06 330);
  --tod-dusk-cote: oklch(30% 0.05 295);
  --tod-dusk-vine: oklch(30% 0.045 300);
  --tod-dusk-wood: oklch(21% 0.035 290);
  --tod-dusk-plain: oklch(39% 0.05 30);
  --tod-dusk-meadow: oklch(31% 0.04 200);
  --tod-dusk-stone: oklch(47% 0.04 320);
  --tod-dusk-roof: oklch(28% 0.03 290);
  --tod-dusk-field: oklch(23% 0.035 250);
  --tod-dusk-petal: oklch(44% 0.065 60);
  --tod-dusk-disc: oklch(19% 0.03 40);
  --tod-dusk-ink: oklch(96% 0.012 85);

  /* night · the close */
  --tod-night-sky-top: oklch(18% 0.04 272);
  --tod-night-sky-low: oklch(27% 0.05 268);
  --tod-night-glow: oklch(30% 0.05 270);
  --tod-night-sun: oklch(70% 0.15 40);
  --tod-night-cloud: oklch(29% 0.03 270);
  --tod-night-far: oklch(27% 0.035 272);
  --tod-night-haze: oklch(30% 0.04 270);
  --tod-night-cote: oklch(21% 0.03 275);
  --tod-night-vine: oklch(22% 0.03 275);
  --tod-night-wood: oklch(14% 0.025 275);
  --tod-night-plain: oklch(24% 0.03 270);
  --tod-night-meadow: oklch(22% 0.03 250);
  --tod-night-stone: oklch(30% 0.025 270);
  --tod-night-roof: oklch(20% 0.025 275);
  --tod-night-field: oklch(16% 0.025 260);
  --tod-night-petal: oklch(28% 0.03 75);
  --tod-night-disc: oklch(13% 0.02 40);
  --tod-night-ink: oklch(96% 0.012 85);
}

@media (min-width: 40rem) {
  :root {
    --bar-h: 4.5rem;
    --land-h: 44svh;
    --land-reading: 27svh;
  }
}