/* ==========================================================================
   Muano Functions Venue — Design Tokens
   ========================================================================== */

:root {
  /* ---- Brand Colors ---- */
  --color-primary: #1B5E8C;
  --color-primary-rgb: 27, 94, 140;
  --color-primary-light: #4A88B5;
  --color-primary-dark: #144971;
  --color-secondary: #1A2B38;
  --color-secondary-rgb: 26, 43, 56;
  --color-accent: #8DC63F;
  --color-accent-dark: #6FA832;
  --color-bg: #F5F8FA;
  --color-white: #FFFFFF;

  /* ---- Text ---- */
  --color-text: #1A2B38;
  --color-text-muted: #4D6475;
  --color-text-inverse: #F5F8FA;
  --color-text-on-primary: #FFFFFF;

  /* ---- Surfaces & Borders ---- */
  --color-border: rgba(26, 43, 56, 0.1);
  --color-border-light: rgba(26, 43, 56, 0.06);
  --color-surface: #FFFFFF;
  --color-surface-alt: #EEF3F8;
  --color-overlay: rgba(15, 27, 38, 0.58);
  --color-overlay-strong: rgba(10, 20, 32, 0.75);
  --color-glass-bg: rgba(255, 255, 255, 0.66);
  --color-glass-border: rgba(255, 255, 255, 0.35);

  /* ---- Status ---- */
  --color-success: #3F7D58;
  --color-error: #B3413B;

  /* ---- Typography ---- */
  --font-heading: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Fluid type scale: clamp(min, preferred, max) */
  --fs-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.85rem);
  --fs-sm: clamp(0.875rem, 0.83rem + 0.2vw, 1rem);
  --fs-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --fs-md: clamp(1.125rem, 1.05rem + 0.35vw, 1.35rem);
  --fs-lg: clamp(1.35rem, 1.2rem + 0.6vw, 1.75rem);
  --fs-xl: clamp(1.75rem, 1.5rem + 1vw, 2.5rem);
  --fs-2xl: clamp(2.25rem, 1.8rem + 1.8vw, 3.5rem);
  --fs-3xl: clamp(2.75rem, 2rem + 3vw, 4.75rem);

  --lh-tight: 1.15;
  --lh-snug: 1.35;
  --lh-base: 1.6;
  --lh-loose: 1.85;

  --ls-wide: 0.08em;
  --ls-wider: 0.18em;

  /* ---- Spacing Scale (fluid) ---- */
  --space-3xs: clamp(0.25rem, 0.23rem + 0.1vw, 0.375rem);
  --space-2xs: clamp(0.5rem, 0.46rem + 0.2vw, 0.625rem);
  --space-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --space-sm: clamp(1rem, 0.93rem + 0.35vw, 1.25rem);
  --space-md: clamp(1.5rem, 1.35rem + 0.75vw, 2rem);
  --space-lg: clamp(2.25rem, 1.95rem + 1.5vw, 3.25rem);
  --space-xl: clamp(3.5rem, 2.9rem + 3vw, 5.5rem);
  --space-2xl: clamp(5rem, 4rem + 5vw, 8rem);

  /* ---- Layout ---- */
  --container-max: 1320px;
  --container-narrow: 860px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);
  --header-height: 88px;
  --header-height-scrolled: 72px;

  /* ---- Radii ---- */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* ---- Shadows ---- */
  --shadow-sm: 0 2px 10px rgba(26, 43, 56, 0.07);
  --shadow-md: 0 12px 32px rgba(26, 43, 56, 0.11);
  --shadow-lg: 0 24px 64px rgba(26, 43, 56, 0.16);
  --shadow-gold: 0 14px 36px rgba(27, 94, 140, 0.35);
  --shadow-focus: 0 0 0 3px rgba(27, 94, 140, 0.45);

  /* ---- Motion ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --transition-fast: 180ms var(--ease-out);
  --transition-base: 320ms var(--ease-out);
  --transition-slow: 600ms var(--ease-out);

  /* ---- Z-Index Scale ---- */
  --z-base: 1;
  --z-header: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-toast: 400;
  --z-loader: 500;
}

/* Reduced motion preference is honored globally in animations.css */