:root {
  /* Dynamic palette slots retained for config.js */
  --color-primary: #d4af37;
  --color-secondary: #f0d997;
  --color-accent: #d4af37;
  --color-paper: #121216;
  --color-on-primary: #0a0a0c;
  --color-on-accent: #0a0a0c;

  /* Obsidian surfaces */
  --color-bg: #0a0a0c;
  --color-noir: #f6f2e8;
  --color-text-main: #f3efe6;
  --color-text-muted: #a9a49a;
  --color-border-delicate: rgba(212, 175, 55, 0.16);
  --color-border: rgba(212, 175, 55, 0.34);
  --color-gold: #d4af37;
  --color-gold-light: #e5c385;
  --color-gold-deep: #9e7928;
  --color-obsidian: #0a0a0c;
  --color-velvet: #121216;
  --color-glass: rgba(18, 18, 22, 0.92);

  /* Ambient variables retained for dynamic theming compatibility */
  --gateway-bg-start: #0a0a0c;
  --gateway-bg-end: #0a0a0c;
  --envelope-bg-start: #121216;
  --envelope-bg-end: #0a0a0c;
  --gateway-glow: rgba(212, 175, 55, 0.08);
  --gateway-primary-glow: rgba(212, 175, 55, 0.035);
  --page-floral-image: none;
  --seal-tint: var(--color-accent);
  --seal-crest-color: rgba(10, 10, 12, 0.85);

  /* Typography */
  --font-serif: "Cormorant Garamond", "Times New Roman", serif;
  --font-sans: "Inter", "Montserrat", sans-serif;
  --font-script: "Alex Brush", cursive;

  /* Surface and motion */
  --shadow-subtle: 0 12px 34px rgba(0, 0, 0, 0.28);
  --shadow-card: 0 26px 80px rgba(0, 0, 0, 0.48);
  --shadow-gold: 0 0 32px rgba(212, 175, 55, 0.1);
  --glass-bg: rgba(18, 18, 22, 0.92);
  --glass-border: rgba(212, 175, 55, 0.3);
  --ease-cinematic: cubic-bezier(0.19, 1, 0.22, 1);
}