/* Rotairo, v3 concept D, Causeway. The one token file: every colour, face, size, radius, duration
   and ease on the page comes from here (A9). The ground is the light silver the operator asked for
   (v2 Daylight, lightened); the ink is the navy, lifted; green is the only accent. The scene tokens
   at the end are read by the flight: the sunset is rendered from them as light, never as CSS. */
@font-face { font-family: "Space Grotesk"; src: url("/fonts/space-grotesk-var.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("/fonts/jetbrains-mono-var.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  /* ground and sheet */
  --ground: #f5f8fc;
  --ground-top: #f8fafd;
  --ground-mid: #f3f6fb;
  --ground-bot: #eaeff6;
  --foot: #e3e9f1;
  --sheet: #ffffff;
  --sheet-2: #f3f6fa;
  /* ink on the light ground */
  --ink: #0b1533;
  --ink-2: #3a4767;
  --ink-3: #556180;
  /* ink on the white sheet */
  --ink-s: #0a1430;
  --ink-s2: #334064;
  --ink-s3: #4f5a7c;
  /* the accent: the H1's last word, the verdict, the primary door, the light along the links */
  --accent: #08795a;
  --accent-2: #0a9068;
  --accent-ink: #ffffff;
  --accent-deep: #066548;
  --cut: #c93a3a;
  /* glass and rules */
  --glass: rgba(255, 255, 255, .66);
  --glass-catch: rgba(255, 255, 255, .95);
  --line: rgba(11, 21, 51, .12);
  --line-s: rgba(10, 20, 48, .12);
  --pill: rgba(255, 255, 255, .72);
  --ghost: #0b1533;
  --ghost-ink: #f5f8fc;
  --gradient-word: linear-gradient(to right in oklab, #0a9068, #066548);
  --hover: rgba(11, 21, 51, .06);
  --line-strong: rgba(11, 21, 51, .4);
  --shadow-panel: rgba(10, 20, 48, .18);

  /* the scene: read by the flight at mount */
  --metal: #c9d0da;
  --glass-gl: #eef6ff;
  --glow: #10b787;
  --sun: #ffd27a;
  --sky-gold: #ffc46a;
  --sky-coral: #f7a07c;
  --sky-rose: #e9a3b8;
  --haze: #f3e3d6;
  --city: #dfe7f2;
  --old: #b9bdc3;
  /* dusk, while held: the floor and the glass go dark so the sky and the sun read against them */
  --dusk-floor: #3b4766;
  --dusk-glass: #2e3a55;
  --dusk-fog: #d8b4b4;
  --dusk-zen: #aab5d4;

  /* type: one display face at one light weight, one text face, one mono for labels and buttons */
  --display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --text: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --display-w: 300;
  --track-display: -0.04em;
  --t-11: 11px; --t-12: 12px; --t-13: 13px; --t-15: 15px; --t-17: 17px; --t-18: 18px;
  --t-21: 21.26px; --t-26: 26.52px; --t-30: 30.52px; --t-36: 36.09px; --t-44: 43.91px;
  --t-57: 57.39px; --t-72: 72.61px; --t-86: 86.09px; --t-144: 144px;
  --t-h1: clamp(40px, 6vw, 86.09px);
  --t-h2: clamp(34px, 4vw, 57.39px);
  --t-h3: clamp(26px, 2.6vw, 36.09px);
  --t-words: clamp(40px, 6.25vw, 90px);

  /* space and shape */
  --u: 8px;
  --margin: 40px;
  --pad-section: 160px;
  --r-control: 7px;
  --r-card: 15px;
  --r-sheet: 32px;
  --max: 1360px;

  /* time and ease */
  --ease-ui: cubic-bezier(.645, .045, .355, 1);
  --ease-out: cubic-bezier(.215, .61, .355, 1);
  --ease-chain: cubic-bezier(.77, 0, .175, 1);
  --ease-spring: cubic-bezier(.2, .9, .3, 1);
  --dur-ui: .25s;
  --dur-reveal: .7s;
  --dur-chain: 1.6s;
  --dur-page: .32s;
  --dur-chrome-out: .4s;
  --dur-chrome-in: .65s;
  --intensity: 3;
}
@media (max-width: 760px) {
  :root { --margin: 16px; --pad-section: 96px; }
}