/* ============================================================
   NEVYRA — variables.css v2
   ============================================================ */

:root {
  /* Brand */
  --color-base:        #05050F;
  --color-base-soft:   #0B0B1A;
  --color-base-muted:  #12122A;
  --color-accent:      #00C4FF;
  --color-accent-2:    #7EDCFF;
  --color-accent-glow: rgba(0,196,255,0.42);
  --color-accent-dim:  rgba(0,196,255,0.10);
  --color-white:       #FFFFFF;

  /* Text */
  --color-text-primary:   rgba(255,255,255,0.95);
  --color-text-secondary: rgba(255,255,255,0.62);
  --color-text-muted:     rgba(255,255,255,0.35);
  --color-text-dark:      #05050F;

  /* Glassmorphism */
  --glass-bg:              rgba(255,255,255,0.042);
  --glass-bg-strong:       rgba(255,255,255,0.075);
  --glass-bg-hover:        rgba(255,255,255,0.10);
  --glass-border:          rgba(255,255,255,0.08);
  --glass-border-strong:   rgba(255,255,255,0.15);
  --glass-border-accent:   rgba(0,196,255,0.30);
  --glass-border-accent-soft: rgba(0,196,255,0.14);
  --glass-blur:            18px;
  --glass-blur-heavy:      36px;
  --glass-shine:           rgba(255,255,255,0.055);

  /* Orb colors for animated glow */
  --orb-a: rgba(0,196,255,0.22);
  --orb-b: rgba(80,80,220,0.14);
  --orb-c: rgba(0,196,255,0.09);

  /* Shadows */
  --shadow-sm:     0 1px 4px rgba(0,0,0,0.55);
  --shadow-md:     0 4px 24px rgba(0,0,0,0.55);
  --shadow-lg:     0 16px 56px rgba(0,0,0,0.65);
  --shadow-accent: 0 0 50px rgba(0,196,255,0.22);
  --shadow-glow:   0 0 100px rgba(0,196,255,0.14);
  --shadow-card:   0 8px 32px rgba(0,0,0,0.45), 0 1px 0 rgba(255,255,255,0.055) inset;

  /* Typography */
  --font-display: 'Exo 2', sans-serif;
  --font-body:    'Montserrat', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.25rem;
  --fs-2xl:  1.5rem;
  --fs-3xl:  2rem;
  --fs-4xl:  2.75rem;
  --fs-5xl:  3.75rem;
  --fs-6xl:  5rem;
  --fs-hero: clamp(3rem, 8vw, 7rem);

  --lh-tight:  1.1;
  --lh-snug:   1.3;
  --lh-normal: 1.6;
  --lh-loose:  1.8;

  /* Spacing */
  --space-1:  4px;   --space-2:  8px;   --space-3:  12px;
  --space-4:  16px;  --space-5:  20px;  --space-6:  24px;
  --space-8:  32px;  --space-10: 40px;  --space-12: 48px;
  --space-16: 64px;  --space-20: 80px;  --space-24: 96px;
  --space-32: 128px;

  /* Layout */
  --container-max:  1240px;
  --container-wide: 1440px;
  --header-h: 72px;

  /* Radius */
  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px;
  --radius-xl: 32px; --radius-full: 9999px;

  /* Motion */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast: 150ms; --dur-base: 300ms;
  --dur-slow: 600ms; --dur-xslow: 900ms;

  /* Z */
  --z-base: 1; --z-above: 10; --z-modal: 100;
  --z-overlay: 200; --z-toast: 300; --z-loader: 999;
}

/* ============================================================
   LIGHT THEME — blue-sky palette, frosted glass cards
   ============================================================ */
[data-theme="light"] {
  --color-base:        #EDF2FF;
  --color-base-soft:   #E2EAFF;
  --color-base-muted:  #D3DFFF;

  --color-accent:      #0094CC;
  --color-accent-2:    #006EA0;
  --color-accent-glow: rgba(0,148,204,0.26);
  --color-accent-dim:  rgba(0,148,204,0.09);

  --orb-a: rgba(0,148,204,0.13);
  --orb-b: rgba(80,100,220,0.08);
  --orb-c: rgba(0,148,204,0.06);

  --color-text-primary:   rgba(5,10,30,0.95);
  --color-text-secondary: rgba(5,10,30,0.65);
  --color-text-muted:     rgba(5,10,30,0.40);
  --color-text-dark:      #FFFFFF;

  /* Frosted-white glass */
  --glass-bg:              rgba(255,255,255,0.62);
  --glass-bg-strong:       rgba(255,255,255,0.82);
  --glass-bg-hover:        rgba(255,255,255,0.92);
  --glass-border:          rgba(0,50,140,0.07);
  --glass-border-strong:   rgba(0,50,140,0.13);
  --glass-border-accent:   rgba(0,148,204,0.26);
  --glass-border-accent-soft: rgba(0,148,204,0.12);
  --glass-shine:           rgba(255,255,255,0.75);

  --shadow-sm:     0 1px 6px rgba(0,60,180,0.08);
  --shadow-md:     0 4px 24px rgba(0,60,180,0.11);
  --shadow-lg:     0 16px 56px rgba(0,60,180,0.14);
  --shadow-accent: 0 0 50px rgba(0,148,204,0.18);
  --shadow-glow:   0 0 100px rgba(0,148,204,0.10);
  --shadow-card:   0 8px 32px rgba(0,60,180,0.10), 0 1px 0 rgba(255,255,255,0.85) inset;
}