:root {
  /* Blacks */
  --color-black: #0A0A0A;
  --color-black-soft: #141414;

  /* Gold gradient ramp (light -> deep) */
  --color-gold-light: #F0A030;
  --color-gold: #E0A030;
  --color-gold-mid: #C68124;
  --color-gold-deep: #A06010;
  --color-bronze: #905010;

  /* Muted golds */
  --color-gold-muted: #A48F62;
  --color-khaki: #977943;

  /* Neutrals */
  --color-white: #F0F0F0;
  --color-gray: #808080;

  --gradient-gold: linear-gradient(135deg, #F0A030 0%, #C68124 45%, #905010 100%);

  /* Dark section band */
  --band-dark-bg: var(--color-black);
  --band-dark-bg-soft: var(--color-black-soft);
  --band-dark-fg: var(--color-white);
  --band-dark-fg-muted: var(--color-khaki);
  --band-dark-accent: var(--color-gold);

  /* Light section band */
  --band-light-bg: #FFFFFF;
  --band-light-bg-soft: #F6F4F0;
  --band-light-fg: #1A1A1A;
  --band-light-fg-muted: #5A5A5A;
  --band-light-accent: var(--color-gold-mid);

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 6rem;
  --space-18: 8rem;

  /* Radii / shadows */
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.25);

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}