:root {
  --color-red: #C8102E;
  --color-red-dark: #A00D24;
  --color-blue: #0A1F44;
  --color-blue-light: #14335E;
  --color-white: #FFFFFF;
  --color-gray-light: #E9EDF5;
  --color-gray: #8A8F98;
  --color-success: #31B875;
  --color-warning: #E2A22A;
  --color-danger: #C8102E;
  --page-background: #0A1D3D;
  --page-gradient-mid: #16477E;
  --page-gradient-end: #0B2B5D;
  --page-glow: #277FC4;
  --page-accent-glow: #74324C;
  --header-background: #07142D;
  --surface: #0E2041;
  --surface-raised: #162C52;
  --surface-soft: #1B3764;
  --border-color: #2B4774;
  --text-primary: #F5F8FF;
  --text-muted: #AEBBD0;
  --accent-gold: #F4B942;
  --accent-sky: #54A6FF;
  --font-main: 'Segoe UI', Tahoma, Arial, sans-serif;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --radius-sm: 6px;
  --radius-md: 16px;
  --shadow: 0 18px 44px rgb(1 10 29 / 32%);
}

body.theme-light {
  --page-background: #EEF5FC;
  --page-gradient-mid: #DDEEFF;
  --page-gradient-end: #F8FBFF;
  --page-glow: #C7E5FF;
  --page-accent-glow: #F6DCE4;
  --header-background: #FFFFFF;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-soft: #EAF3FC;
  --border-color: #D6E2F0;
  --text-primary: #10254A;
  --text-muted: #61718C;
  --shadow: 0 14px 34px rgb(18 56 102 / 10%);
}