:root {
  /* Primary — Burgundy / Bordo */
  --primary: #8B1A1A;
  --primary-dark: #5C0E0E;
  --primary-light: #B22222;

  /* Secondary — Gold accent */
  --secondary: #D4A34A;
  --secondary-dark: #B8862C;
  --secondary-light: #E8C170;

  /* Accent */
  --accent: #C9302C;
  --accent-light: #E07856;
  --cyan: #26C6DA;

  /* Neutrals — Burgundy theme */
  --bg: #7A1019;
  --bg-gradient: linear-gradient(160deg, #8B1A1A 0%, #7A1019 50%, #5C0E0E 100%);
  --surface: #5C0E0E;
  --surface-hover: #6E1414;
  --surface-light: #7A1019;
  --text-primary: #FFFFFF;
  --text-secondary: rgba(255,255,255,0.65);
  --text-muted: rgba(255,255,255,0.4);
  --divider: rgba(255,255,255,0.08);
  --border: rgba(255,255,255,0.12);

  /* Status */
  --success: #00E676;
  --warning: #FFB300;
  --danger: #FF1744;
  --info: #29B6F6;

  /* Shadows — dark theme */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.25);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.3);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.35);
  --shadow-xl: 0 12px 48px rgba(0,0,0,0.4);

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 50%;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Font — Poppins */
  --font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Safe areas */
  --safe-top: env(safe-area-inset-top, 44px);
  --safe-bottom: env(safe-area-inset-bottom, 34px);
  --nav-height: 64px;
  --bottom-nav: 72px;
}