/* Sentura design tokens — the single source of truth for the visual system.
 *
 * Phase 2a: introduced as the shared token layer. Linked from EVERY page via the
 * head-links partial, but it ONLY declares :root custom properties — it sets no
 * element styles, so it is inert on any page that does not reference these var
 * names. The 10 tool pages reference NONE of them (they keep their own light
 * :root palette, which is re-declared after this link and so wins regardless),
 * so this file does not alter their appearance. The homepage opts in by using
 * these semantic names directly. Tool pages adopt the dark surface in Phase 2b.
 *
 * Values are the EXACT hero token set (techno-futurist navy / teal / blueprint).
 */
:root{
  --bg:#080b12;
  --accent:#46c7bd; --accent-strong:#5fc9bf; --accent-text:#cdeeea;
  --warn:#cf8f72;
  --text:#eaf0f6; --text-strong:#ffffff; --text-dim:#94a2b4; --text-2:#aeb9c7; --text-2-hover:#d4dce6;
  --grid-line:rgba(152,172,204,0.05); --grid-dot:rgba(170,190,218,0.085); --grid-step:46px;
  --font-sans:'Helvetica Neue',Helvetica,Arial,sans-serif; --font-mono:'IBM Plex Mono',monospace;
  --w-light:300; --w-medium:500;
  --radius-btn:7px;
  --btn-pri-bg:rgba(70,199,189,.14); --btn-pri-bd:rgba(95,201,191,.5); --btn-pri-fg:#cdeeea;
  --btn-pri-bg-hover:rgba(70,199,189,.22); --btn-pri-bd-hover:rgba(95,201,191,.8);
  --btn-sec-bg:transparent; --btn-sec-bd:rgba(150,170,200,.2); --btn-sec-fg:#aeb9c7;
  --btn-sec-bd-hover:rgba(150,170,200,.4); --btn-sec-fg-hover:#d4dce6;
}