/* ==========================================================================
   BRIGHT PATH ABA - DESIGN SYSTEM VARIABLES (Vibrant & High-Pop Upgrades)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap');

:root {
  /* Luminous Modern Color Palette (HSL for high vibrancy and pop) */
  --primary-hue: 185;
  --primary-sat: 100%;
  --primary-light: 27%; /* Vibrant Luminous Clinical Teal: #007E8A */
  
  --primary: hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));
  --primary-light-alt: hsl(var(--primary-hue), var(--primary-sat), 35%);
  --primary-dark: hsl(var(--primary-hue), var(--primary-sat), 16%);
  --primary-subtle: hsl(var(--primary-hue), var(--primary-sat), 96%);
  --primary-glass: hsla(var(--primary-hue), var(--primary-sat), var(--primary-light), 0.08);

  --accent-hue: 35;
  --accent-sat: 100%;
  --accent-light: 55%; /* Luminous Warm Sunny Amber: #FF9F1C */
  
  --accent: hsl(var(--accent-hue), var(--accent-sat), var(--accent-light));
  --accent-dark: hsl(var(--accent-hue), var(--accent-sat), 45%);
  --accent-subtle: hsl(var(--accent-hue), var(--accent-sat), 94%);
  --accent-glass: hsla(var(--accent-hue), var(--accent-sat), var(--accent-light), 0.15);

  --secondary-hue: 156;
  --secondary: hsl(var(--secondary-hue), 75%, 43%); /* Bright Supportive Mint Green */
  --secondary-subtle: hsl(var(--secondary-hue), 75%, 96%);

  /* Premium High-Contrast Neutrals */
  --neutral-darkest: hsl(222, 47%, 11%); /* Deep Space Slate - Apple typography style */
  --neutral-dark: hsl(215, 25%, 25%);    /* Warm slate body text */
  --neutral-gray: hsl(215, 16%, 45%);    /* Muted subtitle text */
  --neutral-light-gray: hsl(210, 40%, 95%); /* Soft card backgrounds */
  --neutral-border: hsl(214, 32%, 90%);  /* Soft slate border dividing lines */
  --neutral-light: hsl(210, 30%, 98%);   /* Crisp warm grey background for clean pop */
  --white: #ffffff;
  
  /* Status Colors */
  --success: hsl(142, 76%, 27%);
  --success-subtle: hsl(142, 76%, 95%);
  --error: hsl(350, 84%, 40%);
  --error-subtle: hsl(350, 84%, 96%);
  
  /* Typography System */
  --font-header: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Font Sizes */
  --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 */

  /* Line Heights */
  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-normal: 1.5;
  --lh-relaxed: 1.625;

  /* Spacing System */
  --space-1: 0.25rem;  /* 4px */
  --space-2: 0.5rem;   /* 8px */
  --space-3: 0.75rem;  /* 12px */
  --space-4: 1rem;     /* 16px */
  --space-5: 1.25rem;  /* 20px */
  --space-6: 1.5rem;   /* 24px */
  --space-8: 2rem;     /* 32px */
  --space-10: 2.5rem;  /* 40px */
  --space-12: 3rem;    /* 48px */
  --space-16: 4rem;    /* 64px */
  --space-20: 5rem;    /* 80px */
  --space-24: 6rem;    /* 96px */

  /* Border Radii */
  --radius-sm: 0.375rem;   /* 6px */
  --radius-md: 0.75rem;    /* 12px */
  --radius-lg: 1rem;       /* 16px */
  --radius-xl: 1.5rem;     /* 24px */
  --radius-2xl: 2rem;      /* 32px */
  --radius-round: 9999px;  /* Pills/buttons */

  /* Layered Shadows with Brand-Colored Transparencies */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.03);
  --shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.05);
  
  /* Luminous Color-Pop Shadows on Hover */
  --shadow-glow: 0 0 25px hsla(var(--primary-hue), var(--primary-sat), var(--primary-light), 0.25);
  --shadow-glow-accent: 0 0 25px hsla(var(--accent-hue), var(--accent-sat), var(--accent-light), 0.35);

  /* Glassmorphism Blur Effects */
  --glass-blur: blur(20px);
  --glass-border: rgba(255, 255, 255, 0.45);
  --glass-bg: rgba(255, 255, 255, 0.8);
  --glass-bg-dark: rgba(26, 36, 52, 0.9);

  /* elegant Apple-style transitions */
  --transition-fast: 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-normal: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-slow: 0.45s cubic-bezier(0.16, 1, 0.3, 1); 

  /* Widths */
  --max-width-site: 1200px;
  --max-width-content: 800px;
  --max-width-form: 640px;
}