/* caio.pro - the homepage's design tokens and base type: the ONE place their values live.
   Loaded by web/index.html (before /static/caio.css) and by web/jobs.html, whose layout B ("cards" of the
   listing A/B test) draws the homepage's job cards (/static/job-cards.css). Those cards read these tokens and
   inherit this type, and the jobs page is another skin (Norton Commander blue), so there the card list carries
   the class "home-skin" and wears the homepage's values: same colours, fonts, background, borders, spacing.
   - ":root" is the homepage. On the jobs page it is overridden by the page's own, later :root.
   - ".home-skin" re-declares the same values on one element, which wins over the page's :root for that
     element and everything inside it.
   Change a value here and both pages follow; tests/test_cards_home_skin.py pins the values. */

:root,.home-skin{
  /* surfaces */
  --bg:#0E1116;          /* graphite canvas */
  --surface:#151A22;     /* raised panel / command-bar */
  --surface-2:#1B2230;   /* hover / featured wash */
  --ink:#EDF0F5;         /* primary text */
  --ink-2:#C3CAD6;       /* secondary text */
  --muted:#8A93A3;       /* labels, meta */
  --faint:#5E6776;       /* dimmest */
  --line:#222A35;        /* hairline */
  --line-2:#2E3845;      /* stronger rule / border */

  /* signal hues — each has ONE job */
  --amber:#F5B23D;       /* live tick · featured rail · CTAs · highlights */
  --amber-2:#FFC766;     /* amber hover */
  --on-amber:#0E1116;    /* text on amber fills */
  --green:#3DD68C;       /* green-flag ticks only */
  --red:#E2705C;         /* red-flag ticks only (desaturated) */

  /* per-category rail colours (muted, disciplined — an index, not a rainbow) */
  --cat-CAIO:#F5B23D;
  --cat-CTO_AI:#5CC2F0;
  --cat-CDO:#3DD68C;
  --cat-VP_AI:#A99CF2;
  --cat-HEAD_AI:#F08F6B;
  --cat-DIR_AI:#6FD7C4;
  --cat-OTHER_CLEVEL:#8A93A3;

  --radius:6px;
  --radius-sm:4px;
  --maxw:1140px;

  --display:"Space Grotesk",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --sans:"Inter",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

/* What the homepage's cards inherit from its body{} and html{} in caio.css (the tests pin the two to each
   other), plus a reset of the one inherited property the jobs page's body sets that the homepage's does not:
   letter-spacing. */
.home-skin{
  font-family:var(--sans);
  background:var(--bg);
  color:var(--ink);
  font-size:16px;line-height:1.55;letter-spacing:normal;
  font-feature-settings:"cv05" 1,"ss01" 1;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
}
.home-skin ::selection{background:rgba(245,178,61,.25)}