/**
 * Aurora Theme — Cool dark glassmorphism, cyan accent, soft glow.
 * For: cvjeeves, bot-a-lot
 *
 * Personality: futuristic, premium, atmospheric. Depth through translucency.
 * Sora for headings (loaded conditionally in base.html).
 */

html[data-theme="aurora"] {
  /* --- Backgrounds (deep navy-black) --- */
  --space-black:    #0a0e17;
  --space-dark:     #0f1420;
  --space-gray-900: #151b2b;
  --space-gray-800: #1c2438;
  --space-gray-700: #2a3450;

  /* --- Text (cool white/blue tints) --- */
  --text-primary:   #e8edf5;
  --text-secondary: #94a3c0;
  --text-muted:     #5e6d8a;
  --text-disabled:  #3a4560;

  /* --- Override accent → cyan --- */
  --spacex-blue:       #22d3ee;
  --spacex-blue-light: #67e8f9;
  --spacex-blue-bright: #a5f3fc;
  --spacex-blue-dark:  #0891b2;

  /* --- Accent tints (cyan) --- */
  --accent-tint:   rgba(34, 211, 238, 0.08);
  --accent-border: rgba(34, 211, 238, 0.15);
  --accent-glow:   rgba(34, 211, 238, 0.20);

  /* --- Glass → frosted translucency with blur --- */
  --glass-bg:         rgba(22, 33, 62, 0.60);
  --glass-border:     rgba(34, 211, 238, 0.12);
  --glass-backdrop:   blur(16px) saturate(1.4);
  --glass-shadow:     0 8px 32px rgba(0, 0, 0, 0.40);
  --glow-blue:        0 0 24px rgba(34, 211, 238, 0.15);
  --glow-blue-strong: 0 0 48px rgba(34, 211, 238, 0.25);

  /* --- Typography (geometric sans, airy spacing) --- */
  --font-heading:            'Sora', 'Inter', system-ui, sans-serif;
  --letter-spacing-heading:  -0.01em;
  --text-transform-heading:  none;
  --line-height-tight:       1.2;

  /* --- Border radius (soft, rounded) --- */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   18px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* --- Shadows (layered depth + cyan ambient) --- */
  --shadow-sm: 0 2px 8px  rgba(0, 0, 0, 0.25);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.30);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.35), 0 0 8px rgba(34, 211, 238, 0.05);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.40), 0 0 16px rgba(34, 211, 238, 0.08);

  /* --- Component: Buttons (glass border, glow on hover) --- */
  --btn-border:          1px solid rgba(34, 211, 238, 0.20);
  --btn-radius:          10px;
  --btn-shadow:          0 2px 12px rgba(0, 0, 0, 0.20);
  --btn-hover-shadow:    0 4px 20px rgba(34, 211, 238, 0.20);
  --btn-hover-transform: translateY(-1px);

  /* --- Component: Cards (glass panel, subtle glow on hover) --- */
  --card-border:          1px solid rgba(34, 211, 238, 0.10);
  --card-radius:          14px;
  --card-shadow:          0 4px 16px rgba(0, 0, 0, 0.25);
  --card-hover-shadow:    0 8px 32px rgba(0, 0, 0, 0.30), 0 0 12px rgba(34, 211, 238, 0.10);
  --card-hover-transform: translateY(-2px);

  /* --- Component: Inputs (glass border, cyan focus ring) --- */
  --input-border:     1px solid rgba(34, 211, 238, 0.15);
  --input-radius:     10px;
  --input-focus-ring: 0 0 0 2px rgba(34, 211, 238, 0.20);

  /* --- Component: Nav (frosted glass) --- */
  --nav-bg:     rgba(10, 14, 23, 0.85);
  --nav-border: 1px solid rgba(34, 211, 238, 0.08);

  /* --- Component: Badges --- */
  --badge-radius: 8px;

  /* --- Dividers (subtle cyan tint) --- */
  --divider-width: 1px;
  --divider-color: rgba(34, 211, 238, 0.10);

  /* --- Animation: smooth, deliberate, with movement --- */
  --ease-smooth:         cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast:     180ms var(--ease-smooth);
  --transition-base:     280ms var(--ease-smooth);
  --transition-slow:     400ms var(--ease-smooth);
  --hover-lift-sm:       translateY(-2px);
  --hover-lift-md:       translateY(-4px);
}