/* ============================================
   CHAMPIONS TELEMATIC SERVICES INC
   Theme System - Change colors here to retheme
   ============================================ */

/* ---- THEME: Default (Navy Blue) ---- */
:root {
  /* Brand Colors — sourced directly from logo.svg */
  --color-primary:        #0d2b4b;   /* logo gradient start / dominant navy  */
  --color-primary-dark:   #071829;   /* deeper shade for footers/darks        */
  --color-accent:         #1b62ae;   /* logo gradient end / bright blue       */
  --color-accent-light:   #3d84cc;   /* hover / highlight tint                */
  --color-accent-glow:    rgba(27, 98, 174, 0.18);
  --color-mid-blue:       #095896;   /* logo st1 — secondary blue             */

  /* Neutrals */
  --color-white:          #FFFFFF;
  --color-off-white:      #F5F7FC;
  --color-light-gray:     #E8EDF5;
  --color-mid-gray:       #9AAAC4;
  --color-dark-gray:      #4A5878;
  --color-text:           #1A2340;
  --color-text-light:     #5B6A8A;

  /* UI */
  --color-surface:        #FFFFFF;
  --color-surface-alt:    #F0F4FB;
  --color-border:         #D8E2F0;
  --color-nav-bg:         rgba(7, 20, 41, 0.96);
  --color-footer-bg:      #071429;
  --color-hero-overlay:   rgba(7, 20, 41, 0.72);

  /* Typography */
  --font-display:         'Barlow Condensed', sans-serif;
  --font-body:            'DM Sans', sans-serif;

  /* Spacing */
  --section-pad:          100px;
  --container-width:      1240px;
  --nav-height:           80px;

  /* Effects */
  --radius-sm:            6px;
  --radius-md:            12px;
  --radius-lg:            20px;
  --shadow-card:          0 4px 32px rgba(13,30,61,0.10);
  --shadow-hover:         0 12px 48px rgba(26,114,217,0.18);
  --transition:           0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ---- ALTERNATE THEME: Dark Mode (uncomment to activate) ----
:root {
  --color-primary:        #0A1628;
  --color-primary-dark:   #050D1A;
  --color-accent:         #2196F3;
  --color-accent-light:   #64B5F6;
  --color-accent-glow:    rgba(33, 150, 243, 0.2);
  --color-white:          #E8EDF5;
  --color-off-white:      #0F1E38;
  --color-light-gray:     #162035;
  --color-mid-gray:       #4A5878;
  --color-dark-gray:      #8899BB;
  --color-text:           #E8EDF5;
  --color-text-light:     #8899BB;
  --color-surface:        #0F1E38;
  --color-surface-alt:    #0A1628;
  --color-border:         #1E3058;
  --color-nav-bg:         rgba(5, 13, 26, 0.97);
  --color-footer-bg:      #050D1A;
  --color-hero-overlay:   rgba(5, 13, 26, 0.78);
}
*/

/* ---- ALTERNATE THEME: Slate & Green (uncomment to activate) ----
:root {
  --color-primary:        #1A2E22;
  --color-primary-dark:   #0D1A12;
  --color-accent:         #22C55E;
  --color-accent-light:   #4ADE80;
  --color-accent-glow:    rgba(34, 197, 94, 0.18);
  --color-text:           #1A2E22;
  --color-text-light:     #5A7A65;
  --color-surface:        #FFFFFF;
  --color-surface-alt:    #F0F7F2;
  --color-border:         #D0E8D8;
  --color-nav-bg:         rgba(13, 26, 18, 0.96);
  --color-footer-bg:      #0D1A12;
  --color-hero-overlay:   rgba(13, 26, 18, 0.74);
}
*/