/* ============================================================
   VisibleActor — brand tokens (CANONICAL)
   Source of truth for the VisibleActor identity. Loaded AFTER
   style.css so these values win any :root conflict.
   Machine-readable twin: /assets/brand-tokens.json
   Parent brand: SEMPITE (sempite.com/css/brand-tokens.css)
   ============================================================ */
:root{
  /* surfaces */
  --bg:#0E1014;
  --surface:#171A21;
  --surface2:#1E222B;
  /* type colors */
  --text:#F4F2EC;
  --muted:#9BA3AF;
  /* brand accents — violet is the voice, gold is the spotlight */
  --accent:#A855F7;        /* violet — primary actions, links, checks */
  --accent-2:#6366F1;      /* indigo — gradient partner */
  --accent-deep:#7C3AED;   /* pressed / deep violet */
  --gold:#E8B23A;          /* spotlight gold — "Actor" wordmark, featured tags */
  --silver:#C9D2DE;
  --bronze:#C0824F;
  /* lines & radii */
  --line:rgba(255,255,255,0.10);
  --line-2:rgba(255,255,255,0.16);
  --radius:16px;
  /* typography */
  --font-display:'Space Grotesk','Inter',sans-serif;
  --font-body:'Inter',system-ui,-apple-system,sans-serif;
  /* gradients */
  --grad-brand:linear-gradient(135deg,#C084FC,#A855F7);   /* "Visible" wordmark */
  --grad-gold:linear-gradient(135deg,#F5D488,#E8B23A);    /* "Actor" wordmark + featured tag */
  --grad-accent:linear-gradient(110deg,#A855F7,#6366F1);  /* headline highlights (.hl) */
}