/* Orion design tokens. Taken from the Orion app (aj-os-austin): the silver orb on the
   #0d2436 → #0b1e2d hero (app/icon.tsx, app/apple-icon.tsx), the warm white canvas and coral
   accent of the sign-in screen and the Wall (app/login/page.tsx, app/globals.css), and the
   same three typefaces the app loads (Inter, Schibsted Grotesk, Geist Mono). The token names
   are kept from the earlier design files so components.css works unchanged. */
:root{
  --outer:#f3ece9;
  /* Orion navy, the app icon's ground. Used for the dark sections. */
  --ink:#0b1e2d;
  --ink-2:#0d2436;
  --ink-3:#123049;
  --paper:#FFFFFF;
  --paper-2:#fbf6f4;
  /* Coral. --accent is the text-safe shade (AA on white and on --paper-2); --accent-fill is the
     button colour; --accent-glow is for text on navy. */
  --accent:#c33513;
  --accent-fill:#e8503f;
  --accent-glow:#ff9a7a;
  --line-dark:rgba(255,255,255,.1);
  --line-light:rgba(42,35,32,.1);
  --tx-on-dark:#f3f6f8;
  --tx-dim:rgba(243,246,248,.68);
  --tx-dimmer:rgba(243,246,248,.5);
  --tx-on-light:#2a2320;
  --tx-mid:#665a53;
  --radius-card:22px;
  --radius:12px;
  --maxw:1280px;
  /* 8pt spacing scale */
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:48px; --s6:64px; --s7:80px; --s8:96px; --s9:128px; --s10:160px;
  --ff-display:"Schibsted Grotesk","Inter",system-ui,sans-serif;
  --ff-body:"Inter",system-ui,sans-serif;
  --ff-mono:"Geist Mono","IBM Plex Mono",ui-monospace,monospace;
  --kicker-scale:1;
}