:root{
  /* ---- Base palette: ink ---- */
  --cst-black:#000000;            /* logo black, only for the mark + pure-black plates */
  --cst-ink-900:#0A0A0B;          /* primary dark surface */
  --cst-ink-800:#121214;
  --cst-ink-700:#18181B;
  --cst-ink-600:#1F1F23;
  --cst-ink-500:#2A2A2F;
  --cst-ink-400:#3A3A41;

  /* ---- Base palette: neutrals (light side) ---- */
  --cst-neutral-000:#FFFFFF;
  --cst-neutral-050:#F7F6F4;      /* warm paper, matches the gold's warmth */
  --cst-neutral-100:#EFEDE9;
  --cst-neutral-200:#DFDCD5;
  --cst-neutral-300:#C4C0B8;
  --cst-neutral-400:#9A968E;
  --cst-neutral-500:#6E6B65;
  --cst-neutral-600:#4A4844;

  /* ---- Brand gold (sampled from the logo slash: rgb(185,162,123)) ---- */
  --cst-gold-100:#EDE5D7;
  --cst-gold-200:#DCCEB4;
  --cst-gold-300:#C9B693;
  --cst-gold-400:#B9A27B;         /* BRAND GOLD - the one true accent */
  --cst-gold-500:#A08B66;
  --cst-gold-600:#82704F;
  --cst-gold-700:#5A4D36;

  /* ---- Semantic status (used sparingly; operational, not decorative) ---- */
  --cst-signal-success:#4E8C5B;
  --cst-signal-success-soft:#E6EFE7;
  --cst-signal-warning:#C08A2E;
  --cst-signal-warning-soft:#F6ECD7;
  --cst-signal-danger:#A82F26;
  --cst-signal-danger-soft:#F5E3E1;
  --cst-signal-info:#2F5D7C;
  --cst-signal-info-soft:#E3EBF1;

  /* ---- Semantic aliases: light context (default) ---- */
  --surface-page:var(--cst-neutral-000);
  --surface-subtle:var(--cst-neutral-050);
  --surface-card:var(--cst-neutral-000);
  --surface-raised:var(--cst-neutral-050);
  --surface-inverse:var(--cst-ink-900);
  --surface-plate:var(--cst-black);

  --text-body:var(--cst-ink-800);
  --text-heading:var(--cst-ink-900);
  --text-muted:var(--cst-neutral-500);
  --text-faint:var(--cst-neutral-400);
  --text-accent:var(--cst-gold-600);
  --text-on-inverse:var(--cst-neutral-000);
  --text-on-accent:var(--cst-ink-900);

  --line-hairline:var(--cst-neutral-200);
  --line-strong:var(--cst-ink-900);
  --line-accent:var(--cst-gold-400);

  --accent:var(--cst-gold-400);
  --accent-hover:var(--cst-gold-300);
  --accent-press:var(--cst-gold-500);

  --focus-ring:var(--cst-gold-400);
}

/* ---- Semantic aliases: dark context. Apply .cst-dark to any container. ---- */
.cst-dark{
  --surface-page:var(--cst-ink-900);
  --surface-subtle:var(--cst-ink-800);
  --surface-card:var(--cst-ink-800);
  --surface-raised:var(--cst-ink-700);
  --surface-inverse:var(--cst-neutral-000);
  --surface-plate:var(--cst-black);

  --text-body:#D8D6D2;
  --text-heading:var(--cst-neutral-000);
  --text-muted:#8E8B85;
  --text-faint:#5F5D59;
  --text-accent:var(--cst-gold-400);
  --text-on-inverse:var(--cst-ink-900);

  --line-hairline:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.24);

  --cst-signal-success-soft:rgba(78,140,91,.16);
  --cst-signal-warning-soft:rgba(192,138,46,.16);
  --cst-signal-danger-soft:rgba(168,47,38,.18);
  --cst-signal-info-soft:rgba(47,93,124,.20);
}