/* Nordlicht Motors — design tokens
   One light per scene. Everything else lives in shadow. */

:root {
  /* colour */
  --night: #040506;
  --night-2: #08090b;
  --ink: #0e1113;
  --light: #f3f1ea;
  --light-dim: rgba(243, 241, 234, 0.72);
  --ash: #858a8e;
  --ash-2: #4b5054;
  --hair: rgba(243, 241, 234, 0.14);
  --hair-2: rgba(243, 241, 234, 0.28);
  --aurora-1: #8cf5c9;
  --aurora-2: #6b7cff;
  --error: #ff9b87;

  /* type */
  --f-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --t-label: 11px;
  --t-body: clamp(15px, 1.05vw, 18px);
  --t-caption: clamp(30px, 3.4vw, 60px);
  --t-display: clamp(64px, 13vw, 250px);
  --t-display-xl: clamp(72px, 15.5vw, 300px);

  /* space */
  --pad: clamp(20px, 3.3vw, 60px);
  --gap: clamp(12px, 1.4vw, 24px);

  /* motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-ui: 220ms;

  /* runtime (set from JS) */
  --horizon: 50vh;
  --line-w: 0;
}

@media (max-width: 760px) {
  :root {
    --t-caption: clamp(30px, 9vw, 44px);
    --t-display: clamp(56px, 19vw, 120px);
    --t-display-xl: clamp(56px, 18vw, 120px);
    --t-body: 15px;
  }
}