:root{
  /* --- Brand core (from The Smerghain Style Guide) --- */
  --sm-red:#CC3829;          /* Smerghain Rood */
  --sm-rust:#5C2A18;         /* Diepe Roest */
  --sm-orange:#E07B2E;       /* Bruikbaar Oranje */
  --sm-orange-cta:#F2871F;   /* CTA Oranje */
  --sm-amber:#D9A441;        /* Amber/Goud */
  --sm-ink:#0D0D0D;          /* Inktzwart */
  --sm-charcoal:#3A3A3A;     /* Antraciet Grijs */
  --sm-bone:#F0E6D8;         /* Gebroken Wit */

  /* --- Derived neutrals (mixed from the core, never new hues) --- */
  --sm-ink-soft:#1A1817;
  --sm-charcoal-soft:#2A2827;
  --sm-bone-dim:#C9BCAB;
  --sm-bone-faint:#8C8377;
  --sm-red-dark:#A32A1E;
  --sm-orange-dark:#C4651F;

  /* --- Semantic: surfaces (dark is the primary site mode) --- */
  --surface-page:var(--sm-ink);
  --surface-raised:var(--sm-ink-soft);
  --surface-card:var(--sm-charcoal-soft);
  --surface-inverse:var(--sm-bone);
  --surface-accent:var(--sm-red);
  --surface-accent-warm:var(--sm-orange);
  --surface-scrim:rgba(13,13,13,.72);

  /* --- Semantic: text --- */
  --text-body:var(--sm-bone);
  --text-muted:var(--sm-bone-dim);
  --text-faint:var(--sm-bone-faint);
  --text-heading:var(--sm-bone);
  --text-accent:var(--sm-orange-cta);
  --text-brand:var(--sm-red);
  --text-on-accent:var(--sm-ink);
  --text-on-inverse:var(--sm-ink);

  /* --- Semantic: lines --- */
  --border-hairline:rgba(240,230,216,.16);
  --border-strong:var(--sm-bone);
  --border-accent:var(--sm-orange-cta);
  --border-rust:var(--sm-rust);

  /* --- Semantic: interaction --- */
  --action-primary-bg:var(--sm-orange-cta);
  --action-primary-bg-hover:var(--sm-amber);
  --action-primary-fg:var(--sm-ink);
  --action-secondary-fg:var(--sm-orange-cta);
  --action-secondary-border:var(--sm-orange-cta);
  --action-secondary-bg-hover:rgba(242,135,31,.14);
  --action-disabled-bg:var(--sm-charcoal);
  --action-disabled-fg:var(--sm-bone-faint);
  --focus-ring:var(--sm-amber);

  /* --- Semantic: status (brand palette only; no new greens/blues) --- */
  --status-live:var(--sm-red);
  --status-soldout:var(--sm-charcoal);
  --status-announce:var(--sm-amber);
}
/* Light mode = "gebroken wit" pages. Opt in with class="sm-light". */
.sm-light{
  --surface-page:var(--sm-bone);
  --surface-raised:#E6DACA;
  --surface-card:#FFFFFF;
  --surface-inverse:var(--sm-ink);
  --text-body:var(--sm-ink);
  --text-muted:var(--sm-charcoal);
  --text-faint:#6B635A;
  --text-heading:var(--sm-red);
  --text-on-inverse:var(--sm-bone);
  --border-hairline:rgba(13,13,13,.18);
  --border-strong:var(--sm-ink);
  --action-secondary-fg:var(--sm-orange-dark);
  --action-secondary-border:var(--sm-orange-dark);
}