/* USA Sports Tours — Design Tokens.
   Edit here to retune the brand globally. */

:root {
  /* ---- Color palette ---- */
  --c-navy: #07173D;        /* Deep navy base */
  --c-navy-700: #0E2E6B;    /* Mid navy */
  --c-royal: #1A4FB0;       /* Royal blue accent */
  --c-royal-600: #15409A;   /* Royal darkened */
  --c-red: #D81E2C;         /* Athletic red — primary CTA */
  --c-red-hover: #B7141F;   /* Red darkened */
  --c-gold: #E6A93C;        /* Court gold */
  --c-gold-2: #F6CE74;      /* Light gold (gradient top) */
  --c-gold-3: #BE8420;      /* Dark gold (gradient bottom) */
  --c-ink: #11161D;         /* Ink — body text */
  --c-slate: #64707D;       /* Slate — muted text */
  --c-mist: #E3E6EC;        /* Mist — borders */
  --c-bone: #F6F7FA;        /* Cool off-white bg */
  --c-white: #FFFFFF;

  /* ---- Semantic mapping ---- */
  --bg: var(--c-white);
  --bg-alt: var(--c-bone);
  --bg-brand: var(--c-navy);
  --text: var(--c-ink);
  --text-muted: var(--c-slate);
  --brand: var(--c-navy);
  --brand-2: var(--c-royal-600);
  --accent: var(--c-red);
  --cta: var(--c-red);
  --cta-hover: var(--c-red-hover);
  --border: var(--c-mist);

  /* ---- Gradients & depth ---- */
  --grad-navy: linear-gradient(155deg, #123A86 0%, #0A2456 42%, #07173D 78%, #050F2C 100%);
  --grad-navy-soft: linear-gradient(160deg, #0E2E6B 0%, #07173D 70%);
  --grad-royal: linear-gradient(180deg, #2A66D6 0%, #1A4FB0 55%, #143E8E 100%);
  --grad-red: linear-gradient(180deg, #EF3340 0%, #D81E2C 55%, #B7141F 100%);
  --grad-gold: linear-gradient(180deg, var(--c-gold-2) 0%, var(--c-gold) 52%, var(--c-gold-3) 100%);
  --grad-sheen: linear-gradient(180deg, rgba(255,255,255,.35) 0%, rgba(255,255,255,0) 48%);

  /* ---- Typography ---- */
  --font-display: "Saira Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --fs-display: clamp(2.75rem, 1.6rem + 5vw, 5rem);
  --fs-h1: clamp(2rem, 1.4rem + 2.8vw, 3.25rem);
  --fs-h2: clamp(1.6rem, 1.25rem + 1.6vw, 2.35rem);
  --fs-h3: clamp(1.25rem, 1.05rem + 0.9vw, 1.6rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;

  --lh-display: 1.06;
  --lh-body: 1.6;
  --tracking-display: 0.01em;

  /* ---- Spacing & layout ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --maxw: 1180px;
  --maxw-prose: 70ch;

  /* ---- Radius & shadow ---- */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 2px rgba(7, 23, 61, 0.06);
  --shadow: 0 10px 30px rgba(7, 23, 61, 0.10);
  --shadow-lg: 0 26px 60px rgba(7, 23, 61, 0.20);
  --shadow-gold: 0 8px 22px rgba(198, 138, 34, 0.38);
  --ring-gold: 0 0 0 2px rgba(230, 169, 60, 0.55);

  --transition: 240ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 600ms cubic-bezier(0.22, 1, 0.36, 1);
}