:root {
  --gold-100: #EDE3D3;
  --gold-300: #D9C6A6;
  --gold-400: #C6AC84;
  --gold-500: #B39467; 
  --gold-600: #9C7E54;
  --gold-700: #7E6543;
  --gold-900: #4F3F29;
  --ink-900: #070E18; 
  --ink-800: #0E1622;
  --ink-700: #14202F;
  --ink-600: #2C2E35; 
  --ink-500: #3A404B;
  --navy-700: #0B2038;
  --navy-500: #0F2C4D;
  --stone-700: #57544C;
  --stone-500: #7C7970;
  --stone-400: #ADA89B; 
  --stone-300: #C5C1B6;
  --stone-200: #DAD5CA;
  --sand-100: #E8E0D4; 
  --ivory-50: #F6F2EA;
  --white: #FFFFFF;
  --status-success: #4E6B4A;
  --status-warning: #A8762A;
  --status-error: #8C3A2E;
  --status-info: var(--navy-500);
  --surface-page: var(--ivory-50);
  --surface-card: var(--white);
  --surface-muted: var(--sand-100);
  --surface-inverse: var(--ink-900);
  --surface-inverse-soft: var(--ink-700);
  --surface-slate: var(--ink-600);
  --surface-gold: var(--gold-500);
  --surface-overlay: rgba(7, 14, 24, 0.74);
  --text-primary: var(--ink-600);
  --text-strong: var(--ink-900);
  --text-secondary: var(--stone-700);
  --text-muted: var(--stone-500);
  --text-accent: var(--gold-600);
  --text-on-dark: var(--ivory-50);
  --text-on-dark-muted: rgba(246, 242, 234, 0.62);
  --text-on-gold: var(--ink-900);
  --border-hairline: rgba(7, 14, 24, 0.12);
  --border-subtle: rgba(7, 14, 24, 0.18);
  --border-strong: var(--ink-900);
  --border-gold: var(--gold-500);
  --border-on-dark: rgba(246, 242, 234, 0.22);
  --border-gold-soft: rgba(179, 148, 103, 0.4);
  --accent: var(--gold-500);
  --accent-hover: var(--gold-600);
  --accent-press: var(--gold-700);
  --gradient-scrim: linear-gradient(180deg, rgba(7,14,24,0) 0%, rgba(7,14,24,0.06) 42%, rgba(7,14,24,0.80) 100%); 
  --gradient-scrim-top: linear-gradient(180deg, rgba(7,14,24,0.62) 0%, rgba(7,14,24,0) 62%); 
  --gradient-gold-rule: linear-gradient(90deg, rgba(179,148,103,0) 0%, var(--gold-500) 22%, var(--gold-300) 50%, var(--gold-500) 78%, rgba(179,148,103,0) 100%);
  --gradient-gold-fill: linear-gradient(135deg, var(--gold-700) 0%, var(--gold-400) 46%, var(--gold-300) 58%, var(--gold-600) 100%);
}