/* ══════════════════════════════════════════════
   CONSUMER ELECTRONICS - Volt Yellow ↔ Solid Gold
   A high-voltage, unified 2-color gradient ideal for consumer tech grids.
   
   SCOPED TO <main> - Header & Footer inherit global defaults.
   ══════════════════════════════════════════════ */
main {
  --accent-primary: #facc15 !important;
  --accent-primary-soft: rgba(250, 204, 21, 0.1) !important;
  --accent-primary-glow: rgba(250, 204, 21, 0.3) !important;
  --accent-secondary: #fde047 !important;
  --accent-secondary-soft: rgba(253, 224, 71, 0.1) !important;
  --accent-tertiary: #ca8a04 !important;
  --accent-tertiary-soft: rgba(202, 138, 4, 0.1) !important;
  --accent-warm: #a16207 !important;
  --accent-warm-soft: rgba(161, 98, 7, 0.1) !important;
  
  /* Primary Dark Mode Gradient: Volt Yellow to Deep Gold */
  --c1: #fde047;
  --c2: #ca8a04;
  
  --accent-gradient: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%) !important;
  --accent-gradient-vivid: linear-gradient(135deg, #fef08a 0%, #facc15 50%, #ca8a04 100%) !important;
  --accent-gradient-cool: linear-gradient(135deg, #fde047 0%, #facc15 100%) !important;
  --accent-gradient-warm: linear-gradient(135deg, #eab308 0%, #a16207 100%) !important;
  
  --blue-core: #ca8a04 !important;
  --blue-sky: #fef08a !important;
  --blue-deep: #a16207 !important;
  --accent: #facc15 !important;
  --accent-blue: var(--accent-primary);

  /* RGB components for rgba() usage */
  --accent-deep: #ca8a04;
  --accent-deep-rgb: 202, 138, 4;
  --blue-core-rgb: 202, 138, 4;
  --accent-primary-rgb: 250, 204, 21;
  --accent-secondary-rgb: 253, 224, 71;
  --accent-tertiary-vivid: #eab308;
  --accent-tertiary-vivid-rgb: 234, 179, 8;
  --accent-tertiary-rgb: 202, 138, 4;
  --blue-deep-rgb: 161, 98, 7;
  --accent-dark: #a16207;
  --accent-mid: #eab308;
  --accent-darkest: #713f12;
}

/* Light mode: Rich Tech Gold */
[data-theme='light'] main {
  /* Shift down slightly into the deeper Gold spectrum to establish inherent readability on white, without reaching Orange/Brown */
  --c1: #eab308 !important; /* Rich Yellow / Tech Gold */
  --c2: #a16207 !important; /* Dark Gold */
  
  --accent-gradient: linear-gradient(135deg, var(--c1) 0%, var(--c2) 100%) !important;
  --accent-gradient-vivid: linear-gradient(135deg, #facc15 0%, #ca8a04 50%, #a16207 100%) !important;

  --accent-primary: #ca8a04 !important; /* Gold baseline */
  --accent-primary-rgb: 202, 138, 4 !important;
  --blue-core: #ca8a04 !important;
  --blue-core-rgb: 202, 138, 4 !important;
  --accent-deep: #a16207;
  --accent-deep-rgb: 161, 98, 7;
  --accent-dark: #854d0e;
  --accent-mid: #eab308;
  --accent-darkest: #422006;
  --accent-secondary: #ca8a04 !important;
  --accent-secondary-soft: rgba(202, 138, 4, 0.1) !important;
}

/* ══════════════════════════════════════════════
   OPTION 2: Contrast Interventions (LIGHT MODE)
   ══════════════════════════════════════════════ */
/* Force subtle drop shadow on typography so pure yellow reads on white */
[data-theme='light'] main .highlight, 
[data-theme='light'] main .gradient-text,
[data-theme='light'] main .hero-headline span {
    filter: drop-shadow(0px 2px 2px rgba(0,0,0,0.15)) !important;
}

/* Force dark text inside buttons because white text on a yellow button is invisible */
[data-theme='light'] main .btn-primary, 
[data-theme='light'] main .btn-secondary,
[data-theme='light'] main .btn-outline {
    color: #111827 !important;
}
[data-theme='light'] main .study-tag {
    color: #fff !important; /* Keeping dark slate background tags white text */
}