/* =====================================================================
   Absoliq theme: colour tokens. Loads BEFORE styles.css.
   Primary   #0366FF  buttons, cursor, ticks, key accents
   Secondary #3E9AFE  hover states, glows
   Tertiary  #8BD0FC  light ends of gradients
   Support   #021B4D navy, #4B3BFF indigo, #22D3EE cyan (inside glows only)
   ===================================================================== */
/* Self-hosted fonts (assets/fonts). Satoshi: Fontshare ITF Free Font License. Instrument Serif: SIL Open Font License. */
@font-face{font-family:"Satoshi";src:url("/assets/fonts/satoshi-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Satoshi";src:url("/assets/fonts/satoshi-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Satoshi";src:url("/assets/fonts/satoshi-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument-serif-italic-latin.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";src:url("/assets/fonts/instrument-serif-italic-latin-ext.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#000;
  --surface:#0b0d12; --surface-2:#0e1118; --surface-3:#171b24;
  --text:#fff; --text-muted:rgba(255,255,255,.6); --text-faint:rgba(255,255,255,.42);
  --hairline:rgba(139,208,252,.09); --hairline-2:rgba(139,208,252,.16);
  --accent:#0366ff; --accent-hover:#3e9afe; --accent-3:#8bd0fc; --accent-ring:rgba(3,102,255,.18);
  --glass:rgba(11,13,18,.56);

  /* Light sections (after the theme flip) */
  --light-bg:#f4f8ff; --ink:#0a1224; --ink-muted:rgba(10,18,36,.64); --light-rim:#d6e6fb;

  /* Glow orbs: wide wash + bright core */
  --orb-a:conic-gradient(#0366ff 0deg,#4b3bff 55deg,#22d3ee 107deg,#3e9afe 162deg,#0040e0 252deg,#8bd0fc 306deg,#0366ff 360deg);
  --orb-b:conic-gradient(#e6f5ff 0deg,#0366ff 180deg,#8bd0fc 360deg);

  /* Problem cards: light → dark ramp across 5 cards */
  --c1-bg:#eaf4ff; --c1-fg:#0a1224;
  --c2-bg:#8bd0fc; --c2-fg:#0a1224;
  --c3-bg:#3e9afe; --c3-fg:#0a1224;
  --c4-bg:#0366ff; --c4-fg:#ffffff;
  --c5-bg:#0a1224; --c5-fg:#ffffff;

  /* Type scale: the only text sizes on the site (headings use clamp() in styles.css).
     Nothing smaller than 14px; running text 16–18px. */
  --fs-xs:14px;   /* labels, tags, captions, fine print */
  --fs-sm:16px;   /* secondary text: card copy, lists, forms, footer */
  --fs-md:18px;   /* body copy, leads, FAQ, quotes */
  --fs-lg:20px;   /* small card titles */
  --fs-xl:24px;   /* card titles (h3) */
  --fs-2xl:30px;  /* large card titles, phase titles */

  /* Shape + type + motion */
  --r-card:24px; --r-btn:12px; --r-btn-sm:10px; --r-tag:8px; --r-pill:999px;
  --sans:"Satoshi",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --ease-spring:cubic-bezier(.22,1,.36,1);
  --maxw:1200px;
}