/* =============================================================================
   Fortune — Auth pages (Login / Register)
   Defines CSS variables on :root so they work without #fortune-app wrapper.
   Aligned with the v2 dark-only design system.
   ============================================================================= */

:root {
  --bg-base:          #06060E;
  --bg-primary:       #06060E;
  --bg-secondary:     #0A0B14;
  --bg-card:          #10111C;
  --bg-card-hover:    #161827;
  --bg-elevated:      #161827;
  --bg-input:         #0E0F19;
  --bg-sidebar:       #07080F;

  --border-color:     rgba(255, 255, 255, 0.06);
  --border-strong:    rgba(255, 255, 255, 0.10);
  --border-hover:     rgba(255, 255, 255, 0.14);

  --text-primary:     #F2F3FA;
  --text-secondary:   #9396B3;
  --text-muted:       #5C5F7A;
  --text-faint:       #3B3D52;
  --text-inverse:     #06060E;

  --accent:           #00E5C3;
  --accent-soft:      #1AEFCE;
  --accent-hover:     #00C9AB;
  --accent-glow:      rgba(0, 229, 195, 0.16);
  --accent-glow-lg:   rgba(0, 229, 195, 0.08);

  --danger:           #FF6B7A;
  --danger-hover:    #FF5468;
  --danger-glow:      rgba(255, 107, 122, 0.16);
  --warning:          #F7B955;
  --warning-glow:     rgba(247, 185, 85, 0.16);
  --info:             #5AA1FF;
  --info-glow:        rgba(90, 161, 255, 0.16);
  --purple:           #A78BFA;
  --purple-glow:      rgba(167, 139, 250, 0.16);
  --success:          #4ADE80;
  --success-glow:     rgba(74, 222, 128, 0.16);

  --shadow-sm:        0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-md:        0 6px 18px rgba(0, 0, 0, 0.45);
  --shadow-lg:        0 16px 40px rgba(0, 0, 0, 0.55);
  --shadow-xl:        0 24px 60px rgba(0, 0, 0, 0.60);
  --shadow-glow:      0 0 32px rgba(0, 229, 195, 0.12);

  --radius-xs:        6px;
  --radius-sm:        8px;
  --radius-md:        12px;
  --radius-lg:        16px;
  --radius-xl:        20px;
  --radius-2xl:       28px;
  --radius-full:      9999px;

  --transition:       200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:  360ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring:320ms cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-decel:       cubic-bezier(0, 0, 0.2, 1);
  --ease-spring:      cubic-bezier(0.34, 1.56, 0.64, 1);

  --gradient-accent:  linear-gradient(135deg, #00E5C3 0%, #00A88F 100%);
  --gradient-aurora:  linear-gradient(135deg, #00E5C3 0%, #5AA1FF 50%, #A78BFA 100%);

  --font-sans:        'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading:     'Syne', var(--font-sans);
  --font-mono:        'DM Mono', 'SF Mono', SFMono-Regular, Consolas, monospace;
}

html, body { background: var(--bg-base); color: var(--text-primary); color-scheme: dark; }