:root {
  /* Existing foundation colours, previously declared in index.html. */
  --bg: #0B0706;
  --ink: #1A0F0B;
  --accent: var(--gold, #C9944F);
  --svc-radius-card: 18px;
  --svc-radius-card-compact: 16px;
  --svc-radius-control: 12px;
  --svc-surface: linear-gradient(160deg, rgba(26, 16, 11, .82), rgba(12, 8, 6, .97));
  --svc-border-rest: rgba(201, 148, 79, .18);
  --svc-border-active: rgba(230, 196, 135, .58);
  --svc-shadow-active: 0 22px 48px rgba(0, 0, 0, .48);

  --stories-surface: rgba(20, 12, 8, .82);
  --stories-surface-strong: rgba(28, 16, 10, .9);
  --stories-border: rgba(230, 196, 135, .38);
  --stories-border-active: rgba(230, 196, 135, .68);
  --stories-radius-card: 18px;
  --stories-radius-media: 14px;
  --stories-ease: cubic-bezier(.23, 1, .32, 1);

  --closure-rule: rgba(201, 148, 79, .2);
  --closure-rule-active: rgba(230, 196, 135, .5);
  --closure-copy: rgba(245, 238, 231, .72);
  --closure-copy-muted: rgba(245, 238, 231, .66);
}