/* ============================================================
   Jersey Jump — Color Variables
   ============================================================ */

:root {

  /* Neutrals */
  --color-white:    #FFFFFF;
  --color-black:    #000000;
  --color-ink:      #121212;
  --color-gray-900: #1A1A1A;
  --color-gray-800: #242424;

  /* Overlays (black/white with alpha — shadows, image overlays) */
  --color-black-a05: #0000000D;
  --color-black-a07: #00000012;
  --color-black-a15: #00000027;
  --color-black-a35: #00000058;
  --color-black-a55: #0000008B;
  --color-white-a55: #FFFFFF8B;

  /* Brand accents */
  --color-orange:     #FB6102;
  --color-yellow:      #FDD807;
  --color-purple-a55:  #5B13818D;

  /* Navy / dark blues */
  --color-navy-900: #022159;
  --color-navy-800: #002D5D;
  --color-navy-700: #013B8D;
  --color-blue-800: #004BB0;
  --color-blue-700: #0049AB;

  /* Mid blues */
  --color-blue-600: #0470D3;
  --color-blue-500: #029DE5;
  --color-blue-400: #088EE3;
  --color-sky-500:  #23B0E0;
  --color-sky-400:  #28BDE0;
  --color-sky-300:  #76BDEA;

  /* Light blues (backgrounds / tints) */
  --color-blue-50:  #F2FAFE;
  --color-blue-100: #EAF3FC;
  --color-blue-150: #EBF6FD;
  --color-blue-200: #DBF3FD;
  --color-blue-300: #C5ECFD;

  /* Semantic aliases */
  --color-primary:    var(--color-navy-900); /* header & footer background */
  --color-cta:        var(--color-orange);   /* primary button / CTA color */
  --color-text:       var(--color-ink);
  --color-background: var(--color-white);

  /* Fonts */
  --font-body:    "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* Regular (400) — paragraphs, general body copy */
  --font-heading: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* Semibold (600) — section headings; pair with font-weight: 600 */
  --font-accent:  "Catchy Melody", var(--font-body); /* the "puffy" title treatment (hero heading, page titles, phone number) */

  /* Layout */
  --header-height: clamp(70px, 7vw, 90px); /* same fluid scale as Heron Lakes, mobile → desktop */

}