/* Design tokens — Glyphew signature skin (--gw-* prefix)
   Source of truth: ~/Project/glyphew/DESIGN.md YAML front-matter
   Sync: cd ~/Project/glyphew && npm run design:export, then copy tools/out/_design-vars.css here
   NOTE: upstream exporter currently emits unprefixed names; this file uses --gw-* (canonical).
*/
:root {
  /* ---- Brand pair (frozen for signature) ---- */
  --gw-primary:   #FDDE0A;   /* glyphew yellow */
  --gw-secondary: #111259;   /* glyphew blue   */
  --gw-on-primary: #111259;  /* navy text on yellow */

  /* ---- Surface hierarchy ---- */
  --gw-bg:              #070825;
  --gw-surface:         #111259;
  --gw-surface-raised:  #1C1F7E;
  --gw-surface-hover:   #2A2DA3;
  --gw-border:          #32369E;
  --gw-border-strong:   #4B4FC7;

  /* ---- Text scale (blue-tinted neutrals, never gray) ---- */
  --gw-text:           #F4F5FC;   /* 15.9:1 AAA */
  --gw-text-muted:     #A0A3D0;   /* 6.8:1 AAA  */
  --gw-text-dim:       #6C6FA8;   /* 3.6:1 AA-large */
  --gw-text-disabled:  #3A3D6F;   /* intentionally fails — disabled only */

  /* ---- Accent (yellow only) ---- */
  --gw-accent:         #FDDE0A;
  --gw-accent-hover:   #FFE84D;   /* +10% lightness */
  --gw-accent-pressed: #D9BE00;   /* −7% lightness  */
  --gw-accent-muted:   rgba(253, 222, 10, 0.14);   /* tag pills, selection wash */
  --gw-accent-glow:    rgba(253, 222, 10, 0.38);   /* focus ring halo */

  /* ---- Semantic (red only — destructive) ---- */
  --gw-error:    #FF6B6B;
  --gw-error-bg: rgba(255, 107, 107, 0.12);

  /* ---- HUD palette (head-locked overlay) ---- */
  --gw-hud-bg:            rgba(7, 8, 37, 0.941);
  --gw-hud-bg-stroke:     #FDDE0A;
  --gw-hud-wedge-idle:    rgba(28, 31, 126, 0.502);
  --gw-hud-wedge-preview: #4B4FC7;
  --gw-hud-wedge-hit:     #4B4FC7;
  --gw-hud-center:        rgba(7, 8, 37, 0.941);
  --gw-hud-text-idle:     #FDDE0A;
  --gw-hud-text-last:     #111259;
  --gw-hud-ghost:         rgba(253, 222, 10, 0.702);
  --gw-hud-tip-text:      #FDDE0A;
  --gw-hud-label-pill:    rgba(17, 18, 89, 0.800);
  --gw-hud-accent:        rgba(253, 222, 10, 0.949);

  /* ---- Spacing / shape ---- */
  --gw-radius:        16px;
  --gw-radius-pill:   8px;
  --gw-grid-gap:      14px;
  --gw-grid-col:      156px;
  --gw-grid-row:      136px;
  --gw-touch-target:  52px;

  /* ---- Typography stacks ---- */
  --gw-font-display: "Righteous", system-ui, sans-serif;     /* splash only — baked in PNG */
  --gw-font-script:  "Dancing Script", cursive;              /* splash only — baked in PNG */
  --gw-font-body:    "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --gw-font-mono:    ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;

  /* ---- Type scale (homepage / settings / web surfaces) ---- */
  --gw-fs-row-title:  55px;   /* row title above disc */
  --gw-fs-h1:         44px;   /* hub slogan / first-launch primary */
  --gw-fs-h2:         35px;   /* wedge domain label — clears 28sp VR floor */
  --gw-fs-h3:         28px;   /* logo display, page-position label, hint secondary */
  --gw-fs-body:       20px;   /* search input, prose body */
  --gw-fs-label:      14px;   /* cell label */
  --gw-fs-footer:     13px;
  --gw-fs-kbd:        12px;

  /* ---- VR sp tokens (Android XML mirror) ---- */
  --gw-sp-hud-action-label:    28px;  /* 28sp — VR floor */
  --gw-sp-hud-node-label:      20px;
  --gw-sp-toast-primary:       32px;
  --gw-sp-toast-secondary:     24px;
  --gw-sp-settings-section:    24px;
  --gw-sp-action-picker-body:  24px;
}