:root {
  --color-bg:           #1C1C1C;
  --color-surface:      #242424;
  --color-surface-2:    #2A2A2A;
  --color-gold:         #F5A623;
  --color-gold-dark:    #C8841A;
  --color-gold-light:   rgba(245, 166, 35, 0.10);
  --color-white:        #FFFFFF;
  --color-muted:        #9CA3AF;
  --color-border:       rgba(255, 255, 255, 0.08);

  --color-bronze:       #F5A623;
  --color-bronze-bg:    rgba(245, 166, 35, 0.08);
  --color-bronze-bdr:   rgba(245, 166, 35, 0.30);
  --color-silver:       #00C4B4;
  --color-silver-bg:    rgba(0, 196, 180, 0.08);
  --color-silver-bdr:   rgba(0, 196, 180, 0.40);
  --color-gold-plan:    #D4A017;
  --color-gold-plan-bg: rgba(212, 160, 23, 0.08);
  --color-gold-plan-bdr:rgba(212, 160, 23, 0.30);

  --color-wa:           #25D366;

  --font-sans: 'Inter', sans-serif;

  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   20px;
  --radius-pill: 9999px;

  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
  --shadow-gold: 0 0 32px rgba(245, 166, 35, 0.18);

  --transition:      0.3s ease;
  --transition-slow: 0.7s ease;
}