/* ===== CSS VARIABLES ===== */
:root {
  --orange-accent: #FF6B00;
  --orange-accent-dark: #E55A00;
  --orange-accent-light: #FFF3EB;
  --navy: #1B2838;
  --navy-light: #243447;
  --orange: #FF6B00;
  --orange-dark: #E55A00;
  --white: #FFFFFF;
  --gray-50: #F8F9FA;
  --gray-100: #F2F2F7;
  --gray-200: #E9ECEF;
  --gray-300: #D9D9D9;
  --gray-400: #ADB5BD;
  --gray-500: #8E8E93;
  --gray-600: #495057;
  --gray-700: #343A40;
  --gray-800: #1C1C1E;
  --red: #E74C3C;
  --red-light: #fdeaea;
  --blue: #3498DB;
  --yellow: #F1C40F;
  --bg-page: #F2F2F7;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.15);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;
  --transition: 0.2s ease;
  --tab-height: 64px;
  --header-height: 56px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

[data-theme="dark"] {
  --orange-accent: #FF7F24;
  --orange-accent-dark: #FF6B00;
  --orange-accent-light: #3D2A1A;
  --navy: #E8E8ED;
  --navy-light: #B8BCC0;
  --white: #1C1C1E;
  --gray-50: #2C2C2E;
  --gray-100: #2C2C2E;
  --gray-200: #3A3A3C;
  --gray-300: #48484A;
  --gray-400: #636366;
  --gray-500: #8E8E93;
  --gray-600: #AEAEB2;
  --gray-700: #D1D1D6;
  --gray-800: #F2F2F7;
  --red: #FF6B6B;
  --red-light: #3D2020;
  --blue: #64B5F6;
  --bg-page: #121214;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.5);
  color-scheme: dark;
}
[data-theme="dark"] .auth-header,
[data-theme="dark"] .profile-header,
[data-theme="dark"] .user-profile-header {
  background: linear-gradient(135deg, #2C2C2E, #3A3A3C);
}
[data-theme="dark"] .hero {
  background: linear-gradient(135deg, #2C2C2E, #3A3A3C);
}
[data-theme="dark"] .stat-item {
  background: var(--gray-50);
}
[data-theme="dark"] .event-card {
  background: var(--white);
  border-color: var(--gray-200);
}
[data-theme="dark"] .chip {
  border-color: var(--gray-300);
  color: var(--gray-600);
}
[data-theme="dark"] .chip.active {
  color: var(--white);
}
[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea {
  background: var(--gray-50);
  border-color: var(--gray-300);
  color: var(--gray-800);
}
[data-theme="dark"] .btn-profile-action {
  background: var(--gray-50);
  color: var(--gray-700);
}
[data-theme="dark"] img {
  opacity: 0.92;
}
[data-theme="dark"] .bottom-tabs {
  background: var(--white);
  border-color: var(--gray-200);
}
[data-theme="dark"] .page-container {
  background: var(--bg-page);
}
[data-theme="dark"] .auth-card {
  background: var(--gray-50);
}
[data-theme="dark"] .page-back-bar {
  background: var(--white);
}
[data-theme="dark"] .verification-banner {
  background: #3D2A1A;
}
[data-theme="dark"] .verification-banner-title { color: #FFB074; }
[data-theme="dark"] .verification-banner-text { color: #FF9A5C; }