:root {
  /* Dark VSL Theme Focus (Default) */
  --c-bg-base: #000000;
  --c-bg-elevate: #0a0a0a;
  --c-bg-card: #0f0f0f;
  
  --c-text-pure: #ffffff;
  --c-text-base: #e4e4e7;
  --c-text-muted: #a1a1aa;
  
  /* Unified Palette: Blue & Emerald */
  --c-primary: #1e3a8a; /* Deep Trust Blue */
  --c-primary-light: #3b82f6; /* Bright Highlight Blue */
  
  --c-emerald-light: #10B981;
  --c-emerald-dark: #059669;

  /* Typography */
  --f-heading: 'Outfit', 'Montserrat', sans-serif;
  --f-body: 'Inter', sans-serif;

  /* Spacing */
  --s-xs: 0.5rem;
  --s-sm: 1rem;
  --s-md: 2rem;
  --s-lg: 4rem;
  --s-xl: 6rem;

  /* Shadows */
  --glow-emerald: 0 0 25px rgba(16, 185, 129, 0.4);
  --glow-emerald-hover: 0 0 40px rgba(16, 185, 129, 0.6);
  --shadow-card: 0 10px 30px rgba(0,0,0,0.5);

  /* Borders */
  --border-color: rgba(255, 255, 255, 0.05);

  /* Transitions */
  --t-fast: 0.2s ease-out;
  --t-slow: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Alternate Light Theme Variables */
.theme-light {
    --c-bg-base: #f8fafc;
    --c-bg-elevate: #ffffff;
    --c-bg-card: #ffffff;
    
    --c-text-pure: #0f172a;
    --c-text-base: #334155;
    --c-text-muted: #64748b;

    --border-color: rgba(30, 58, 138, 0.1);
    --shadow-card: 0 10px 25px rgba(0,0,0,0.05);
}