/* ==========================================================================
   LEARN WITH JC - GLOBAL COLOR PALETTE & DYNAMIC THEME SYSTEM
   User Specified Color Palette:
   - Primary Vibrant Green: #7CDA59 / rgba(124, 218, 89)
   - Accent Gold: #D1A958 / rgba(209, 169, 88)
   - Black / Dark: #18191C / #0F1012
   - White / Light: #FFFFFF
   ========================================================================== */

:root {
  /* Constant Brand Colors */
  --color-primary: #7CDA59;
  --color-primary-hover: #6BC548;
  --color-primary-active: #59B137;
  --color-primary-glow: rgba(124, 218, 89, 0.35);

  --color-accent-gold: #D1A958;
  --color-accent-gold-hover: #BE9645;
  --star-color: #D1A958;

  /* LIGHT THEME (DEFAULT) */
  --site-bg: #FFFFFF;
  --header-bg: #FFFFFF;
  --header-text: #18191C;
  --header-border: rgba(0, 0, 0, 0.05);

  --color-heading: #18191C;
  --color-body-text: #525B6A;
  --color-text-light: #FFFFFF;

  --color-primary-light: #F2FAF0;
  --color-accent-gold-light: #FAF5EA;

  --section-bg-light: #F4FCF2;
  --section-bg-alt: #FAF5EA;
  --section-bg-white: #FFFFFF;

  --card-bg: #FFFFFF;
  --card-bg-subtle: #F8FAF7;
  --card-border: rgba(0, 0, 0, 0.06);
  --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  --card-hover-shadow: 0 20px 40px rgba(124, 218, 89, 0.15);

  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(255, 255, 255, 0.95);
  --glass-shadow: 0 20px 40px rgba(124, 218, 89, 0.12);

  --badge-bg: #ECF9E7;
  --badge-text: #3D8820;
  --badge-border: rgba(124, 218, 89, 0.4);

  --footer-bg: #FFFFFF;
  --footer-text: #525B6A;
  --footer-border: rgba(0, 0, 0, 0.08);

  --switch-track-bg: #E4E8EF;
  --switch-thumb-bg: #FFFFFF;
  --switch-icon-color: #D1A958;
}

/* DARK THEME MODE ([data-theme="dark"]) */
[data-theme="dark"] {
  --site-bg: #0F1012;
  --header-bg: #141518;
  --header-text: #FFFFFF;
  --header-border: rgba(255, 255, 255, 0.08);

  --color-heading: #FFFFFF;
  --color-body-text: #9CA3AF;
  --color-text-light: #FFFFFF;

  --color-primary-light: rgba(124, 218, 89, 0.15);
  --color-accent-gold-light: rgba(209, 169, 88, 0.15);

  --section-bg-light: #15171C;
  --section-bg-alt: #1A1C23;
  --section-bg-white: #0F1012;

  --card-bg: #1A1C22;
  --card-bg-subtle: #20232C;
  --card-border: rgba(255, 255, 255, 0.08);
  --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
  --card-hover-shadow: 0 20px 40px rgba(124, 218, 89, 0.25);

  --glass-bg: rgba(26, 28, 34, 0.88);
  --glass-border: rgba(124, 218, 89, 0.3);
  --glass-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);

  --badge-bg: rgba(124, 218, 89, 0.18);
  --badge-text: #7CDA59;
  --badge-border: rgba(124, 218, 89, 0.5);

  --footer-bg: #141518;
  --footer-text: #9CA3AF;
  --footer-border: rgba(255, 255, 255, 0.08);

  --switch-track-bg: #272A34;
  --switch-thumb-bg: #7CDA59;
  --switch-icon-color: #18191C;
}