/* ============================================================
   CARLETON TRANSPORTATION: design tokens, v3 "Night Run"
   The yard at five in the morning. Sodium lamps, amber marker
   lights, wet asphalt, a truck leaving for Toledo.
   ============================================================ */

:root {
  color-scheme: dark;

  /* --- Ground --- */
  --asphalt: #0b0e13;      /* page */
  --asphalt-2: #10141b;    /* alternate section */
  --dusk: #151c2a;         /* panels */
  --dusk-2: #1b2433;       /* raised panels, inputs */

  /* --- Light: one accent --- */
  --amber: #f0a535;        /* sodium lamp */
  --amber-2: #ffc46b;      /* hot center of the lamp */
  --amber-dim: rgba(240, 165, 53, 0.16);
  --amber-glow: rgba(240, 165, 53, 0.55);

  /* --- Ink on dark --- */
  --text-hi: #ffffff;      /* display headlines over photos */
  --text: #ebe6da;         /* warm white */
  --text-soft: #d9d4c8;    /* body over photos */
  --text-2: #aab3c1;       /* slate */
  --text-3: #7c8694;       /* fine print */
  --line: rgba(235, 230, 218, 0.10);
  --line-2: rgba(235, 230, 218, 0.20);
  --err: #ff9f7a;
  --err-2: #ffb899;
  --scroll: #2a3342;
  --scroll-2: #3b4658;

  /* --- Type --- */
  --f-display: "Bricolage Grotesque", "Helvetica Neue", Helvetica, sans-serif;
  --f-body: "Onest", "Segoe UI", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* Type ramp, px at 16 root. Every font-size in main.css is one of these. */
  --t-2xs: 0.6875rem;  /* 11 */
  --t-xs: 0.75rem;     /* 12 */
  --t-s: 0.8125rem;    /* 13 */
  --t-sm: 0.875rem;    /* 14 */
  --t-m: 0.9375rem;    /* 15 */
  --t-r: 1rem;         /* 16 */
  --t-base: 1.0625rem; /* 17 */
  --t-md: 1.1875rem;   /* 19 */
  --t-lg: 1.5rem;      /* 24 */
  --t-xl: 2rem;        /* 32 */
  --t-h3: clamp(1.75rem, 3.2vw, 2.5rem);     /* haul rows */
  --t-2xl: clamp(2.5rem, 5vw, 3.75rem);      /* section heads */
  --t-3xl: clamp(3rem, 7.5vw, 6.5rem);       /* hero lines */
  --t-counter: clamp(4rem, 9vw, 8rem);       /* the record counters */

  /* --- Space (4px base) --- */
  --s-1: 0.25rem;  --s-2: 0.5rem;  --s-3: 0.75rem;
  --s-4: 1rem;     --s-5: 1.5rem;  --s-6: 2rem;
  --s-7: 3rem;     --s-8: 4rem;    --s-9: 6rem;
  --s-10: 8rem;

  --shell: 1280px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --radius: 6px;
  --nav-h: 76px;
  --nav-h-m: 64px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-mech: cubic-bezier(0.4, 0, 0.2, 1);
  --d-fast: 140ms;
  --d-base: 280ms;
  --d-slow: 600ms;
}