/* ============================================================
   TOKENS.CSS — Design tokens & global reset
   Barnet Premier Swim
   ============================================================ */

:root {
  /* Colours — warm, friendly palette */
  --ink:      #0D1E30;
  --navy:     #0E2744;
  --deep:     #16407A;
  --mid:      #1A5599;
  --sky:      #2B8FD0;
  --pool:     #0AAFE0;
  --ice:      #EAF6FD;
  --white:    #FFFFFF;
  --sand:     #F8F5F0;
  --stone:    #EAE5DC;
  --text:     #1A2B3C;
  --muted:    #4E6880;
  --border:   #CFDFF0;
  --gold:     #D4992A;
  --gold-l:   #FAD06A;
  --green:    #3ECF72;
  --green-bg: rgba(37, 211, 102, 0.10);
  --green-bd: rgba(37, 211, 102, 0.32);

  /* Border radius — rounder = friendlier */
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 28px;
  --r-xl: 40px;

  /* Shadows */
  --sh-sm: 0 2px 14px rgba(11, 37, 69, 0.07);
  --sh-md: 0 8px 36px rgba(11, 37, 69, 0.11);
  --sh-lg: 0 24px 64px rgba(11, 37, 69, 0.14);

  /* Easing */
  --ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ── Reset ── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Outfit', sans-serif;
  color: var(--text);
  background: var(--white);
  overflow-x: hidden;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 {
  font-family: 'Cormorant Garamond', serif;
  line-height: 1.15;
  letter-spacing: -0.01em;
}

img { max-width: 100%; display: block; }
a   { color: inherit; text-decoration: none; }