/* ==========================================================================
   Top Tier Golf Schools — Design Tokens
   All themeable values in one place. Change these to rebrand instantly.
   ========================================================================== */

:root {
  /* ---- Colors ---- */
  --color-primary:       #1a5632;   /* deep golf green            */
  --color-primary-light: #2a7a48;   /* hover / accent green       */
  --color-primary-dark:  #0e3b20;   /* dark green for text/nav    */
  --color-secondary:     #9fcb3e;   /* brand green accent         */
  --color-secondary-light:#b5d96a;
  --color-tertiary:      #73a800;
  --color-white:         #ffffff;
  --color-off-white:     #f8f7f4;   /* warm light background      */
  --color-wheat:         #f1efea;   /* warm light background      */
  --color-light-gray:    #e8e6e1;
  --color-mid-gray:      #7a7a7a;
  --color-dark:          #1a1a1a;
  --color-body-text:     #333333;
  --color-overlay:       rgba(0, 0, 0, 0.55);

  /* ---- Typography ---- */
  /* System font stack — zero network requests, instant render */
  --font-heading: 'Georgia', 'Times New Roman', serif;
  --font-body:    system-ui, -apple-system, 'Segoe UI', Roboto,
                  'Helvetica Neue', Arial, sans-serif;

  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --text-3xl:  1.875rem;   /* 30px */
  --text-4xl:  2.25rem;    /* 36px */
  --text-5xl:  3rem;       /* 48px */
  --text-6xl:  3.75rem;    /* 60px */

  /* ---- Spacing ---- */
  --space-xs:   0.25rem;
  --space-sm:   0.5rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   2rem;
  --space-2xl:  3rem;
  --space-3xl:  4rem;
  --space-4xl:  6rem;
  --space-5xl:  8rem;

  /* ---- Layout ---- */
  --max-width:  1200px;
  --max-width-narrow: 800px;
  --nav-height: 70px;
  --border-radius: 4px;
  --border-radius-lg: 8px;

  /* ---- Transitions ---- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* ---- Shadows ---- */
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md:  0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg:  0 8px 30px rgba(0, 0, 0, 0.12);
}