/* Stu-MM Corporate - Acrylic Glassmorphism & Theme Variables */

:root {
  /* Brand Colors matching Stu-MM Logo Mark */
  --color-brand-teal-dark: #0D5C56;
  --color-brand-teal: #0F766E;
  --color-brand-teal-light: #14B8A6;
  --color-brand-teal-glow: rgba(20, 184, 166, 0.15);
  
  --color-brand-lime: #84CC16;
  --color-brand-lime-light: #A3E635;
  
  --color-brand-gold: #EAB308;
  --color-brand-gold-light: #FDE047;
  
  --color-brand-navy: #0F172A;
  --color-brand-navy-light: #1E293B;
  --color-brand-blue-accent: #2563EB;

  /* Theme Gradients matching "Building Sanctuaries" (#14B8A6 -> #84CC16) */
  --gradient-sanctuary: linear-gradient(135deg, #14B8A6 0%, #84CC16 100%);
  --gradient-sanctuary-dark: linear-gradient(135deg, #0F766E 0%, #14B8A6 100%);
  --gradient-primary: linear-gradient(135deg, #0F766E 0%, #14B8A6 60%, #84CC16 100%);
  --gradient-text-teal-lime: linear-gradient(135deg, #14B8A6 0%, #84CC16 100%);
  --gradient-text-gold: linear-gradient(135deg, #EAB308 0%, #FDE047 100%);
  --gradient-text-navy-teal: linear-gradient(135deg, #0F172A 0%, #0F766E 100%);
  --gradient-hero-bg: radial-gradient(circle at 85% 15%, rgba(20, 184, 166, 0.15) 0%, transparent 60%),
                      radial-gradient(circle at 10% 85%, rgba(132, 204, 22, 0.08) 0%, transparent 50%);

  /* Acrylic Glass Tokens - Default Light Theme */
  --bg-body: #F8FAFC;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #F1F5F9;
  --bg-surface-acrylic: rgba(255, 255, 255, 0.75);
  --bg-card: rgba(255, 255, 255, 0.88);
  
  --backdrop-acrylic: blur(20px) saturate(180%);
  --border-acrylic: 1px solid rgba(255, 255, 255, 0.6);
  --border-color: #E2E8F0;
  --border-color-hover: #CBD5E1;
  --border-brand: rgba(15, 118, 110, 0.3);
  
  --text-main: #0F172A;
  --text-muted: #475569;
  --text-subtle: #94A3B8;
  --text-inverse: #FFFFFF;
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px -4px rgba(15, 23, 42, 0.1);
  --shadow-acrylic: 0 12px 40px 0 rgba(15, 23, 42, 0.06), 0 2px 6px 0 rgba(15, 23, 42, 0.04);
  --shadow-glow: 0 0 25px rgba(20, 184, 166, 0.25);
  
  /* Typography */
  --font-family-base: 'StuMMRegular', 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-heading: 'StuMMBold', 'Plus Jakarta Sans', sans-serif;
  --font-family-light: 'StuMMLight', 'Inter', sans-serif;
  --font-family-mono: 'JetBrains Mono', monospace;
  
  /* Layout & Animation */
  --header-height: 80px;
  --container-max-width: 1280px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Dark Theme Overrides */
[data-theme="dark"] {
  --bg-body: #080C15;
  --bg-surface: #0F172A;
  --bg-surface-elevated: #1E293B;
  --bg-surface-acrylic: rgba(15, 23, 42, 0.80);
  --bg-card: rgba(19, 28, 46, 0.85);
  
  --backdrop-acrylic: blur(24px) saturate(190%);
  --border-acrylic: 1px solid rgba(255, 255, 255, 0.12);
  --border-color: #1E293B;
  --border-color-hover: #334155;
  --border-brand: rgba(20, 184, 166, 0.4);
  
  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --text-subtle: #64748B;
  --text-inverse: #0F172A;
  
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 36px -4px rgba(0, 0, 0, 0.7);
  --shadow-acrylic: 0 16px 40px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 rgba(255, 255, 255, 0.1);
  --shadow-glow: 0 0 30px rgba(20, 184, 166, 0.35);
  
  --gradient-text-navy-teal: linear-gradient(135deg, #F8FAFC 0%, #14B8A6 100%);
  --gradient-hero-bg: radial-gradient(circle at 85% 15%, rgba(20, 184, 166, 0.22) 0%, transparent 60%),
                      radial-gradient(circle at 10% 85%, rgba(132, 204, 22, 0.12) 0%, transparent 50%);
}