/* VEILRUN — Design Tokens
   Edit values here to re-skin the whole site. Nothing else hard-codes color/type/spacing. */
:root {
  /* Base surfaces */
  --ink:        #0B0818;   /* near-black violet base */
  --ink-2:      #121224;   /* panel base */
  --line:       #3C345C;   /* borders / dividers */
  --muted-dark: #6E6A86;

  /* Brand accents */
  --violet:      #7C4AB6;  /* arcane / the Weave */
  --violet-lt:   #B79CED;
  --magenta:     #D65CDC;  /* the seam — signature accent */
  --steel:       #4E8ED2;  /* the Current / topside */
  --steel-lt:    #96C8F5;
  --amber:       #F09646;  /* topside gaslamp warm */
  --cyan:        #60D6DC;

  /* Text */
  --white: #F0EEFA;
  --mute:  #9692AC;

  /* Per-character accents */
  --c-saffron: #78D28C;
  --c-temper:  #BE6EF0;
  --c-vesper:  #965AE6;
  --c-citrine: #F5CD46;
  --c-latch:   #6EC8F5;
  --c-wren:    #E06EC8;
  --c-anvil:   #9696AF;
  --c-magpie:  #5AC8C8;
  --c-rook:    #AA82F0;

  /* Type */
  --font-display: "Oswald", "Archivo Narrow", "Saira Condensed", system-ui, sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-hero: clamp(2.6rem, 7vw, 5.5rem);
  --fs-h1:   clamp(1.9rem, 4.5vw, 3rem);
  --fs-h2:   clamp(1.35rem, 3vw, 2rem);
  --fs-body: clamp(1rem, 1.2vw, 1.1rem);
  --fs-small: 0.8rem;
  --tracking: 0.14em;

  /* Spacing scale */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.25rem; --s-6: 1.5rem;  --s-8: 2rem;   --s-12: 3rem;   --s-16: 4rem;

  /* Radius / shadow / layout */
  --radius: 14px;
  --radius-sm: 8px;
  --panel-glass: rgba(18, 18, 36, 0.66);
  --shadow: 0 8px 30px rgba(0,0,0,0.45);
  --maxw: 1200px;
  --nav-h: 60px;
}