:root{
  /* --- Base: near-black ramp. Never flat #000. --- */
  --ink-900:#080808;
  --ink-800:#0E0E0E;
  --ink-700:#141414;
  --ink-600:#1A1A1A;
  --ink-500:#222222;
  --ink-400:#2C2C2C;

  /* --- Accent: yellow is the only strong accent --- */
  --yellow-500:#F5B81C;
  --yellow-400:#FFCF45;
  --yellow-600:#D19C0C;
  --yellow-glow:rgba(245,184,28,0.45);
  --yellow-wash:rgba(245,184,28,0.10);

  /* --- Secondary glow only. Never a second CTA color. --- */
  --matrix-500:#00FF41;
  --matrix-glow:rgba(0,255,65,0.35);

  /* --- Neutral text ramp on dark --- */
  --white:#FFFFFF;
  --white-70:rgba(255,255,255,0.70);
  --white-55:rgba(255,255,255,0.55);
  --white-40:rgba(255,255,255,0.40);
  --white-14:rgba(255,255,255,0.14);
  --white-08:rgba(255,255,255,0.08);
  --white-04:rgba(255,255,255,0.04);

  /* --- Mascot outfit (locked palette for illustration/photo direction) --- */
  --denim-500:#3F5F8A;
  --hoodie-grey:#C9CCD1;

  /* --- Semantic aliases --- */
  --bg-page:var(--ink-900);
  --bg-page-gradient:radial-gradient(120% 90% at 50% -10%,var(--ink-600) 0%,var(--ink-700) 38%,var(--ink-900) 100%);
  --surface-card:rgba(255,255,255,0.04);
  --surface-card-hover:rgba(255,255,255,0.07);
  --surface-raised:var(--ink-700);
  --surface-inset:var(--ink-800);

  --text-primary:var(--white);
  --text-secondary:var(--white-55);
  --text-muted:var(--white-40);
  --text-on-accent:#0A0A0A;

  --border-hairline:var(--white-08);
  --border-strong:var(--white-14);
  --border-accent:var(--yellow-500);

  --accent:var(--yellow-500);
  --accent-hover:var(--yellow-400);
  --accent-press:var(--yellow-600);
  --glow-primary:var(--yellow-glow);
  --glow-secondary:var(--matrix-glow);

  /* Chrome surfaces — these flip per theme, so never hardcode them in components. */
  --nav-bg:rgba(8,8,8,0.72);
  --panel-bg:rgba(20,20,20,0.92);
  --tooltip-bg:rgba(20,20,20,0.96);
  --scrim:rgba(4,4,4,0.72);
  --option-bg:#141414;

  --focus-ring:var(--yellow-500);

  /* WhatsApp actions are the one place green becomes a fill. */
  --whatsapp:var(--matrix-500);
  --whatsapp-hover:#33FF66;
  --whatsapp-press:#00C733;
  --text-on-whatsapp:#0A0A0A;
  --link:var(--yellow-500);
  --link-hover:var(--yellow-400);
}