/* =========================================
   DESIGN TOKENS — Alps Owners Club
   ========================================= */

:root {
  /* Brand */
  --color-brand:        #004aad;
  --color-brand-dark:   #003282;

  /* Whites */
  --color-white:        #ffffff;
  --color-off-white:    #e9edf4;

  /* Glacier gradient */
  --color-glacier-hi:   #A8E6FF;
  --color-glacier-lo:   #001020;

  /* Text */
  --color-text-dark:    #0d0d0d;
  --color-text-mid:     #444444;
  --color-text-muted:   rgba(255, 255, 255, 0.55);

  /* Typography */
  --font-display: 'Playfair Display', 'Garamond', Georgia, serif;
  --font-logo:    'Bodoni Moda', 'Didot', 'Bodoni MT', Georgia, serif;
  --font-body:    -apple-system, BlinkMacSystemFont, 'Segoe UI',
                  Helvetica Neue, Arial, sans-serif;

  /* Type scale (fluid) */
  --text-hero:   clamp(2.8rem, 6vw, 5.5rem);
  --text-h1:     clamp(2rem, 4vw, 3.5rem);
  --text-h2:     clamp(1.6rem, 3vw, 2.6rem);
  --text-h3:     clamp(1.1rem, 1.8vw, 1.35rem);
  --text-body:   1rem;
  --text-small:  0.825rem;
  --text-label:  0.75rem;

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

  /* Radius */
  --radius-sm: 2px;
  --radius-md: 6px;

  /* Easing */
  --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:  cubic-bezier(0.4, 0, 0.2, 1);

  /* Transitions */
  --transition-fast:   0.25s var(--ease-out);
  --transition-smooth: 0.6s  var(--ease-out);
  --transition-slow:   1s    var(--ease-out);

  /* Z-index scale */
  --z-canvas:     0;
  --z-gradient:   1;
  --z-sections:   2;
  --z-panels:     5;
  --z-nav:        10;
  --z-loader:     100;
  --z-lightbox:   200;
}