/* Hooks Fastpitch — Brand Tokens */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Poppins:wght@400;500;600;700&family=Adamina&display=swap');

:root {
  /* Core brand palette */
  --color-blue:           #A7CAFF;   /* Primary brand blue, light Carolina */
  --color-blue-hover:     #8CBDFF;   /* Hover/focus state */
  --color-blue-active:    #5577AB;   /* Pressed/active */
  --color-blue-dark:      #003257;   /* Deepest blue */
  --color-blue-light:     #C7DCFF;   /* Light accent, surface */
  --color-midnight:       #191970;   /* Team page accent */

  /* CTA red */
  --color-red:            #C8102E;
  --color-red-hover:      #A00D24;
  --color-red-dark:       #8B0820;

  --color-text:           #003257;
  --color-white:          #FFFFFF;

  /* ── Two-look design system ───────────────────── */
  --bg-light:             #A7CAFF;   /* Look A — default section background */
  --bg-dark:              #003257;   /* Look B — hero, footer, nav, banner */
  --text-on-light:        #003257;   /* Body text on light bg */
  --text-on-dark:         #FFFFFF;   /* Body text on dark bg */
  --eyebrow-on-light:     #5577AB;   /* Small caps / label on light bg */
  --eyebrow-on-dark:      #A7CAFF;   /* Small caps / label on dark bg */
  --card-bg:              #FFFFFF;   /* Card surface (always white) */
  --card-border:          #C7DCFF;   /* Card border / light dividers */
  --cta-red:              #C8102E;
  --cta-red-hover:        #A00D24;

  /* Semantic aliases */
  --color-bg:             var(--bg-light);
  --color-surface:        var(--card-bg);
  --color-primary:        var(--color-blue);
  --color-accent:         var(--color-blue-active);
  --color-link:           var(--color-blue-dark);
  --color-link-hover:     var(--color-red);
  --color-cta:            var(--cta-red);
  --color-cta-hover:      var(--cta-red-hover);
  --color-border:         var(--card-border);

  /* Gray compatibility aliases — mapped to light blue palette */
  --color-gray-100:       var(--color-blue-light);
  --color-gray-200:       var(--card-border);
  --color-gray-400:       var(--eyebrow-on-light);
  --color-gray-600:       var(--color-blue-active);
  --color-gray-800:       var(--text-on-light);

  /* Typography */
  --font-display:         'Cinzel', 'Times New Roman', serif;
  --font-body:            'Poppins', arial, sans-serif;
  --font-tag:             'Adamina', serif;
  --font-size-base:       16px;
  --line-height-base:     1.65;

  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* Radius */
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-pill: 9999px;

  /* Shadow */
  --shadow-sm:  0 1px 3px rgba(0,0,0,.12);
  --shadow-md:  0 4px 12px rgba(0,0,0,.15);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.18);

  /* Transitions */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.3s ease;
}