/* CareerOS — shared design tokens (single source of truth)
   "Pearl & Navy" design system.

   This file is the ONE place the canonical token set is defined. Every product
   page links it in <head> before its own inline <style>. Pages may still declare
   page-local extras (e.g. --grad, --pv-brand) in their own :root; those cascade
   on top. Intentional per-brand / dark / dependency-free palettes (microsite-tamu
   / -tdcx, white-label-um, 404) keep their own :root and do NOT link this. The
   admin/ and white-label-* areas use their own skins and are out of scope.

   Change a value here and it propagates everywhere. Keep hex uppercase, 6-digit.
   Mirrors AUDIT-design-system.md §1 and DESIGN-GUIDELINES.md §1. */

:root{
  /* surfaces */
  --bg:#F7F6F2;      /* page background — "pearl" */
  --card:#FFFFFF;    /* card / panel surface */
  --soft:#EFEDE6;    /* muted fill (chips, inactive states, hover) */

  /* text */
  --ink:#16284B;     /* primary text (same as --navy) */
  --mut:#4D5870;     /* secondary / muted text */

  /* brand */
  --navy:#16284B;    /* primary brand, buttons, headings */
  --navy2:#10204A;   /* darker navy (gradients, deep backgrounds) */
  --navy3:#1F3A6B;   /* lighter navy (hover, accents) */
  --acc:#B89A5E;     /* gold accent (fills/borders/large type — not small text) */
  --acc-l:#D9C18A;   /* light gold */
  --jade:#115E50;    /* jade — success, "Picked for you", primary hover */
  --jade-l:#5FC2A6;  /* light jade */
  --terra:#A0531F;   /* terracotta — eyebrows, "verified" accent */

  /* lines */
  --line:rgba(22,40,75,.12);      /* hairline borders on light bg */
  --line-d:rgba(255,255,255,.14); /* hairline borders on dark bg */

  /* type */
  --sans:'Albert Sans',sans-serif;   /* body & UI */
  --mono:'JetBrains Mono',monospace; /* eyebrows, labels, numerals */
  --disp:'Fraunces',serif;           /* display & headings */
}
