/* SkillsMentor brand tokens — from BRANDING-BOX-260725 + tools-and-infrastructure
   Single source of truth for colour, type, spacing. Every page imports this. */
:root{
  /* structure */
  --navy:#1a1a64;          /* headings, structure, primary brand */
  --navy-2:#2b2b8f;        /* navy gradient partner */
  /* accent — ONE bright blue */
  --blue:#4ea3ff;          /* primary CTA / accent */
  --blue-text:#0870cb;     /* blue text on white (passes AA contrast) */
  --flow:#2a96d8;          /* SkillsMentor secondary blue */
  /* feature marks (sim VIZ line) — use sparingly, not as UI colour */
  --meter:#ff8c00;         /* meter orange */
  --volts:#12c050;         /* volts green */
  /* ink + surface */
  --ink:#1b2733;           /* body text */
  --muted:#5b6775;         /* secondary text */
  --line:#d8dee6;          /* borders, rules */
  --grey:#f4f6f8;          /* light surface */
  --paper:#ffffff;
  --dark-tile:#15181f;     /* dark code/hero tile */
  /* type */
  --font-head:"Poppins","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --font-body:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  /* spacing scale */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
  --radius:8px; --radius-lg:14px;
  --maxw:1080px;
  /* status pills */
  --live-bg:#e9f6ee; --live-fg:#256b41;
  --soon-bg:#fdf5e2; --soon-fg:#7a5600;
  --free-bg:#eaf1fa; --free-fg:#0870cb;
}
@media (prefers-color-scheme: dark){
  :root{
    --ink:#e7ecf2; --muted:#a5b0bd; --line:#33404f;
    --grey:#161d26; --paper:#0f151c; --navy:#aab0ee; --blue-text:#6fa8e6;
  }
}