:root {
  --bg-black: #050505;
  --bg-deep: #0b0808;
  --bg-panel: #151010;
  --bg-elevated: #1d1414;
  --bg-soft: #261919;
  --brand-red-dark: #5c110d;
  --brand-red: #922018;
  --brand-red-bright: #e34b2f;
  --brand-red-glow: rgba(227, 75, 47, .35);
  --brand-red-soft: rgba(146, 32, 24, .16);
  --gold-shadow: #6e3015;
  --gold-deep: #9a541d;
  --gold: #e8bd55;
  --gold-bright: #ffd775;
  --gold-highlight: #fff4b9;
  --gold-glow: rgba(232, 189, 85, .32);
  --gold-soft: rgba(232, 189, 85, .12);
  --text-primary: #f8f4ec;
  --text-secondary: #c9bfb4;
  --text-muted: #8f837a;
  --border-soft: rgba(255, 215, 117, .15);
  --border-strong: rgba(255, 215, 117, .34);
  --focus-ring: #ffd775;
  --danger: #ff6b54;
  --success: #ffd775;
  --bg-black-rgb: 5 5 5;
  --bg-deep-rgb: 11 8 8;
  --bg-panel-rgb: 21 16 16;
  --bg-elevated-rgb: 29 20 20;
  --bg-soft-rgb: 38 25 25;
  --brand-red-dark-rgb: 92 17 13;
  --brand-red-rgb: 146 32 24;
  --brand-red-bright-rgb: 227 75 47;
  --gold-shadow-rgb: 110 48 21;
  --gold-deep-rgb: 154 84 29;
  --gold-rgb: 232 189 85;
  --gold-bright-rgb: 255 215 117;
  --metallic-gold: linear-gradient(135deg, #6e3015 0%, #9a541d 18%, #e8bd55 42%, #fff4b9 52%, #ffd775 68%, #6e3015 100%);
  --red-cinematic: linear-gradient(135deg, #3c0c0a 0%, #922018 45%, #e34b2f 72%, #5c110d 100%);
  --red-gold-accent: linear-gradient(110deg, #922018 0%, #e34b2f 35%, #e8bd55 72%, #ffd775 100%);

  /* Compatibility aliases retained for established shared and scene CSS. */
  --ink: var(--bg-black);
  --paper: #f5f0e6;
  --coral: var(--brand-red-bright);
  --sun: var(--gold);
  --reef: var(--brand-red-dark);
  --line: rgba(60, 12, 10, .18);
}

