/* ============================================================
   GLOBAL THEME CONFIGURATION — BRAND COLOR PALETTE
   Primary:        #89C6DF
   Primary Hover:  #4FA7CC
   Button:         #2E8BB5
   Heading:        #1F5F7A
   Text Dark:      #15485D
   ============================================================ */

:root {
  /* ============================================================
     PRIMARY BRAND COLOR
     ============================================================ */
  --color-primary: #aa783c;              /* Warm gold main accent */
  --color-primary-hover: #966832;        /* Primary Hover */
  --color-primary-light: #faf4ec;        /* Very light tint */
  --color-primary-soft: rgba(170, 120, 60, 0.15); /* Soft fill for icon badges */
  --color-primary-border: rgba(170, 120, 60, 0.35); /* Accent borders/circles */

  /* ============================================================
     BACKGROUNDS
     ============================================================ */
  --bg-hero: #FAF8F4;                    /* Warm cream solid color */
  --bg-hero-gradient: linear-gradient(135deg, #FAF8F4 0%, #FAF4EC 100%);
  --bg-navbar: #FFFFFF;                  /* Navbar - floating white card */
  --bg-white: #FFFFFF;                   /* Cards, stat bar, secondary buttons */
  --bg-section-light: #FAF8F4;           /* Alternating light sections */
  --bg-dark: #211d19;                    /* Deep Heading tone */

  /* Legacy aliases */
  --bg-dark-alias: #211d19;
  --color-navy-dark: #211d19;
  --color-navy-footer: #1c1815;
  --color-navy-card: #211d19;
  --color-blue-bright: var(--color-primary);
  --color-blue-hover: var(--color-primary-hover);
  --color-blue-soft: var(--color-primary-soft);
  --color-gold-accent: #aa783c;
  --color-gold-hover: #966832;

  --bg-light: var(--bg-section-light);
  --bg-primary: var(--bg-hero-gradient);
  --bg-secondary: #faf4ec;
  --bg-tertiary: var(--bg-section-light);
  --card-bg: var(--bg-white);
  --card-bg-hover: #faf4ec;

  /* ============================================================
     TEXT COLORS
     ============================================================ */
  --text-heading: #211d19;               /* Heading (#211d19) */
  --text-heading-accent: #aa783c;        /* Button Accent (#aa783c) */
  --text-body: #5c554e;                  /* Text Dark (#5c554e) */
  --text-muted: #8E8A83;                 /* Muted text */
  --text-on-dark: #FFFFFF;              /* Text on dark buttons */
  --text-quote: #211d19;                /* Quote card text */
  --text-quote-accent: #aa783c;        /* Quote mark & author name */

  /* Legacy aliases */
  --text-on-dark-muted: #d5b26a;
  --text-on-light-heading: #211d19;
  --text-on-light-body: #5c554e;
  --text-on-light-muted: #8E8A83;

  /* ============================================================
     BUTTONS
     ============================================================ */
  --btn-primary-bg: #aa783c;             /* Button (#aa783c) */
  --btn-primary-bg-hover: #966832;
  --btn-primary-text: #FFFFFF;

  --btn-secondary-bg: #FFFFFF;           /* Secondary white button */
  --btn-secondary-border: #f2e8dc;
  --btn-secondary-text: #211d19;
  --btn-secondary-icon-bg: #aa783c;

  /* ============================================================
     BORDERS & SHADOWS
     ============================================================ */
  --border-color: #D0E4EE;
  --border-color-subtle: #E8F2F7;
  --border-color-glow: var(--color-primary-border);
  --shadow-card: 0 0.8rem 2.4rem rgba(31, 95, 122, 0.08);
  --shadow-card-lg: 0 1.6rem 4rem rgba(31, 95, 122, 0.12);
  --shadow-stat-bar: 0 2rem 5rem rgba(31, 95, 122, 0.1);

  /* Legacy shadow aliases */
  --shadow-sm: 0 2px 0.8rem rgba(31, 95, 122, 0.04);
  --shadow-md: var(--shadow-card);
  --shadow-lg: var(--shadow-card-lg);

  /* ============================================================
     ICON BADGES (stat bar circular icons)
     ============================================================ */
  --icon-badge-bg: rgba(46, 139, 181, 0.12);
  --icon-badge-color: #2E8BB5;

  /* ============================================================
     MISC / ACCENT SYSTEM
     ============================================================ */
  --divider-underline: #2E8BB5;
  --nav-link-active: #2E8BB5;
  --color-accent: var(--color-primary);
  --color-accent-hover: var(--color-primary-hover);
  --accent-primary: var(--color-primary);
  --accent-primary-hover: var(--color-primary-hover);
  --accent-primary-alpha: var(--color-primary-soft);
  --accent-primary-glow: rgba(137, 198, 223, 0.35);
  --text-inverse: #FFFFFF;

  /* ============================================================
     TYPOGRAPHY
     ============================================================ */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --container-max-width: 140.8rem;

  /* ============================================================
     LEGACY STYLE.CSS COMPATIBILITY VARIABLES
     ============================================================ */
  --ink: #1F5F7A;
  --ink-soft: #15485D;
  --muted: #5A8CA3;
  --green: var(--color-primary);
  --green-deep: var(--color-primary-hover);
  --bg: var(--bg-section-light);
  --line: var(--border-color);
  --line-soft: var(--border-color-subtle);
  --shadow-xl: 0 2.4rem 6rem rgba(31, 95, 122, 0.15);
  --bg-secondary-section: #D4ECF6;
  --bg-hero-glow-1: radial-gradient(circle at 70% 50%, rgba(137, 198, 223, 0.25) 0%, transparent 60%);
  --bg-hero-glow-2: radial-gradient(circle at 10% 20%, rgba(137, 198, 223, 0.15) 0%, transparent 40%);
}