:root {
  /* Typography — Design System v2 */
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;

  /* Brand Colors */
  --teal-deep:  #0B3B45;
  --teal:       #00897B;
  --teal-light: #26A69A;
  --green:      #4CAF50;
  --gold:       #D4AF37;
  --green-dark:  #0D7C5F;
  --green-bg:    #E1F5EE;

  /* Legacy aliases (used by payout, radio-cards, etc.) */
  --primary-color: var(--teal);
  --primary-dark: #00695C;
  --secondary-color: var(--green);
  --accent-color: var(--gold);
  --accent-light: #FBC02D;

  /* Background */
  --bg: linear-gradient(165deg, #0A3039 0%, #0B4B45 35%, #00897B 100%);
  --bg-gradient: var(--bg);

  /* Text */
  --text-primary:   #1B2B30;
  --text-secondary:  #5A6B70;
  --text-tertiary:   #9AABAF;
  --text-light: #ffffff;
  --text-muted: var(--text-tertiary);

  /* Surfaces */
  --surface:       #ffffff;
  --surface-hover: #F6F9F9;
  --surface-input: #F4F6F7;
  /* Legacy aliases */
  --surface-white: var(--surface);
  --surface-light: #f9fafb;
  --surface-gray: #e0e0e0;

  /* Borders */
  --border:        rgba(0,50,45,0.06);
  --border-input:  rgba(0,50,45,0.10);

  /* Icons */
  --icon-bg:    linear-gradient(135deg, rgba(0,137,123,0.06), rgba(0,137,123,0.12));
  --icon-color: var(--teal);

  /* Feedback */
  --error-color: #e53e3e;
  --success-color: #48bb78;

  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 56px;

  /* Border Radius */
  --r-sm: 12px;
  --r-lg: 14px;
  /* Legacy aliases */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: var(--r-lg);
  --radius-xl: 32px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);
  --shadow-card: 0 4px 24px rgba(0,30,25,0.10);

  /* Effects */
  --gold-glow: 0 0 20px rgba(212, 175, 55, 0.4);
  --teal-glow: 0 0 20px rgba(0, 137, 123, 0.3);
  --glass-bg: rgba(255, 255, 255, 0.15);
  --glass-border: rgba(255, 255, 255, 0.1);

  /* Transitions */
  --ease: 260ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: 200ms ease;
  --transition-elegant: var(--ease);
  --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
}