:root {
  --bg-page: #0A1B38;
  --bg-page2: #0E2850;
  --bg-card-solid: #122B50;
  --bg-card-1: #122B50;
  --bg-card-2: #0F2550;
  --border-card: rgba(77,154,255,0.35);
  --border-subtle: rgba(77,154,255,0.12);
  --c-primary: #1668E3;
  --c-primary-l: #4D9AFF;
  --c-accent: #0088FF;
  --c-accent-d: #0055DD;
  --c-glow: rgba(77,154,255,0.2);
  --c-text: #FFFFFF;
  --c-text-b: #F0F6FF;
  --c-text-2: #94A3B8;
  --c-text-3: #4A6090;
  --c-link: #00AAFF;
  --c-btn-1: #0088FF;
  --c-btn-2: #0055DD;
  --c-btn-glow: rgba(0,100,255,0.15);
  --c-btn-text: #FFFFFF;
  --c-input: #0E2245;
  --c-input-b: rgba(77,154,255,0.2);
  --c-input-text: #E8F2FF;
  --c-badge-bg: rgba(77,154,255,0.25);
  --c-badge-bd: rgba(77,154,255,0.4);
  --c-danger: #FF4466;
  --c-success: #00CC88;
  --icon-box-bg: rgba(0,0,0,0.25);
}

html[data-theme="light"] {
  --bg-page: #FFFFFF;
  --bg-page2: #F8F8F8;
  --bg-card-solid: #FFFFFF;
  --border-card: rgba(255,107,53,0.35);
  --border-subtle: rgba(255,107,53,0.12);
  --c-primary: #FF6B35;
  --c-primary-l: #FF6B35;
  --c-accent: #E85D2C;
  --c-accent-d: #C44D1E;
  --c-glow: rgba(255,107,53,0.3);
  --c-text: #1A1A1A;
  --c-text-b: #000000;
  --c-text-2: #555555;
  --c-text-3: #888888;
  --c-link: #FF6B35;
  --c-btn-1: #FF6B35;
  --c-btn-2: #E85D2C;
  --c-btn-glow: rgba(255,107,53,0.25);
  --c-btn-text: #FFFFFF;
  --c-input: #F5F5F5;
  --c-input-b: rgba(255,107,53,0.25);
  --c-input-text: #1A1A1A;
  --c-badge-bg: rgba(255,107,53,0.08);
  --c-badge-bd: rgba(255,107,53,0.3);
  --c-danger: #DC2626;
  --c-success: #16A34A;
  --icon-box-bg: rgba(0,0,0,0.06);
}