/* InkSight — canonical design tokens (TOKENS2 B1).
   Loaded FIRST on every page so page-local redefinitions win by cascade
   (zero-visual-change on introduction). Do NOT add !important here. */
:root{
  /* Surfaces (dark navy/ink scale) */
  --ink-0:#06070C;      /* page bg, deepest */
  --ink-1:#0A0B12;      /* page bg alt */
  --ink-2:#10131D;      /* section */
  --ink-3:#161925;      /* panel */
  --ink-4:#1D2130;      /* panel raised */
  --ink-5:#23283A;      /* card */
  --ink-6:#2F354A;      /* hover / raised card */

  /* Hairlines & borders */
  --line:#23283A;
  --line-2:#33394D;
  --line-strong:#444C63;
  --hair-a05:rgba(255,255,255,.05);
  --hair-a10:rgba(255,255,255,.10);
  --hair-a18:rgba(255,255,255,.18);

  /* Text */
  --text:#EAEDF6;       /* primary */
  --text-2:#C9CFDC;     /* secondary */
  --text-dim:#AAB2C6;   /* tertiary/meta */
  --text-faint:#8993A9; /* least */
  --text-inverse:#0A0B12;

  /* Brand — gold/amber */
  --gold:#F5B53D;       /* canonical accent */
  --gold-hi:#FFD980;    /* hover / hi-light */
  --gold-lo:#E8A23C;    /* pressed / low */
  --gold-ink:#1A1402;   /* on-gold text */

  /* Semantic status */
  --up:#3FBF87;
  --down:#E5574F;
  --info:#4D8DF0;
  --warn:#FFCE6B;

  /* Ink colors — INTENTIONALLY DISTINCT, do not merge */
  --Amber:#F5B53D; --Amethyst:#A974E8; --Emerald:#3FBF87;
  --Ruby:#E5574F;  --Sapphire:#4D8DF0; --Steel:#AAB2C6;

  /* Alpha helpers most-used */
  --shade-55:rgba(0,0,0,.55);
  --shade-70:rgba(0,0,0,.70);
  --shade-85:rgba(0,0,0,.85);
  --gold-a05:rgba(245,181,61,.05);
  --gold-a22:rgba(245,181,61,.22);
  --gold-a50:rgba(245,181,61,.50);

  /* Radii */
  --r-xs:6px; --r-sm:8px; --r-md:10px; --r-lg:14px; --r-xl:18px;
  --r-pill:999px; --r-round:50%;

  /* Elevation / shadows */
  --e1:0 12px 28px -10px rgba(0,0,0,.70);
  --e2:0 18px 36px -10px rgba(0,0,0,.75);
  --e3:0 18px 36px -10px rgba(0,0,0,.85);
  --glow-gold:0 0 14px rgba(245,181,61,.50);
  --ring-hair:0 0 0 1px rgba(255,255,255,.02) inset, 0 22px 60px -28px rgba(0,0,0,.55);

  /* Type */
  --font-display:'Space Grotesk','Inter',system-ui,sans-serif;
  --font-body:'Inter',system-ui,sans-serif;
  --font-mono:'Space Mono',ui-monospace,monospace;

  /* Gradients (canonical) */
  --grad-page:radial-gradient(1200px 700px at 12% -10%, rgba(245,181,61,.06), transparent 60%),
              radial-gradient(1000px 700px at 100% 0%, rgba(169,116,232,.05), transparent 60%),
              var(--ink-0);
  --grad-panel:linear-gradient(180deg, var(--ink-4), var(--ink-3));
  --grad-panel-raised:linear-gradient(160deg, rgba(255,255,255,.04), rgba(255,255,255,0) 60%), var(--ink-4);
  --grad-gold:linear-gradient(135deg, var(--gold-hi), var(--gold-lo));
  --grad-gold-soft:linear-gradient(135deg, rgba(245,181,61,.18), rgba(245,181,61,.06));
  --grad-hairline-x:linear-gradient(90deg, transparent, var(--hair-a10), transparent);

  /* Layout */
  --maxw:1120px;
  --ease:cubic-bezier(.2,.7,.2,1);
}