/*
 * ╔══════════════════════════════════════════════════════╗
 * ║           GLOBAL COLOR SCHEME — colors.css           ║
 * ║  Edit ONLY this file to retheme the entire site.     ║
 * ╚══════════════════════════════════════════════════════╝
 *
 * HOW TO USE:
 *   Every HTML page links this file FIRST.
 *   All colors are CSS custom properties (variables).
 *   Change a value here → it updates everywhere instantly.
 *
 * CURRENT THEME: Dark Blue + Light Blue
 */

:root {

  /* ── PRIMARY BRAND COLORS ── */
  --primary:        #1a73e8;   /* Main accent – buttons, links, highlights  */
  --primary-dk:     #1557b0;   /* Darker shade of primary – hover states    */
  --primary-lt:     #4a9eff;   /* Lighter shade – badges, chips             */
  --primary-bg:     #e8f0fe;   /* Very light tint for backgrounds           */

  /* ── SECONDARY / TEAL ACCENT ── */
  --accent:         #0288d1;   /* Supporting accent (stats strip, borders)  */
  --accent-dk:      #01579b;   /* Darker accent                             */

  /* ── DARK SURFACES ── */
  --dark:           #0d2137;   /* Header, footer backgrounds                */
  --darker:         #081829;   /* Deeper dark – footer body                 */
  --darkest:        #040f1a;   /* Topbar, footer bottom strip               */

  /* ── NEUTRAL SURFACES ── */
  --light:          #f0f4f8;   /* Alt section backgrounds                   */
  --white:          #ffffff;   /* Card / page background                    */
  --gray:           #607d8b;   /* Body copy on light backgrounds            */
  --gray-lt:        #b0bec5;   /* Dividers, placeholders                    */

  /* ── TEXT ── */
  --text:           #1a2a3a;   /* Default body text                         */
  --text-light:     #ffffff;   /* Text on dark backgrounds                  */
  --text-muted:     #78909c;   /* Secondary / muted text                    */

  /* ── UI STATES ── */
  --success:        #43a047;
  --warning:        #fb8c00;
  --danger:         #e53935;

  /* ── GRADIENTS (used in hero, cards, etc.) ── */
  --hero-grad-from: #040f1a;
  --hero-grad-to:   #0d2a50;

  /* ── SHADOWS ── */
  --shadow-sm:      0 2px 8px  rgba(13, 33, 55, 0.10);
  --shadow-md:      0 4px 20px rgba(13, 33, 55, 0.15);
  --shadow-lg:      0 8px 36px rgba(13, 33, 55, 0.22);

  /* ── BORDER RADIUS ── */
  --radius-sm:      4px;
  --radius-md:      8px;
  --radius-lg:      12px;
  --radius-pill:    9999px;

  /* ── TYPOGRAPHY ── */
  --font-main:      'Assistant', Arial, sans-serif;
  --font-size-base: 16px;
  --line-height:    1.7;
}

/*
 * ── QUICK THEME PRESETS ──────────────────────────────────
 *
 * To switch themes, uncomment ONE block below and comment
 * out the values above (or just change them directly).
 *
 * PRESET: Green (Original gal-soc.org style)
 *   --primary:    #0aab8a;
 *   --primary-dk: #078a6e;
 *   --accent:     #3a8dc2;
 *   --dark:       #38414e;
 *   --darker:     #2c333e;
 *   --darkest:    #1e242d;
 *
 * PRESET: Deep Navy + Gold
 *   --primary:    #c9a84c;
 *   --primary-dk: #a8863c;
 *   --accent:     #e0c46a;
 *   --dark:       #0a0f2e;
 *   --darker:     #07091f;
 *   --darkest:    #04050f;
 *
 * PRESET: Maroon + Sand
 *   --primary:    #9c2a2a;
 *   --primary-dk: #7a1f1f;
 *   --accent:     #c8a96e;
 *   --dark:       #2c1810;
 *   --darker:     #1e100a;
 *   --darkest:    #120a05;
 * ────────────────────────────────────────────────────────
 */