/* THEME 5: Royal Aurora — pearl-lavender, glass cards, slowly moving aurora glow, violet→pink accent */
:root {
  --bg: #F4F1FF;
  --text: #1F1B3D;
  --text-dim: #6E6A93;
  --card-bg: rgba(255,255,255,0.74);
  --card-border: rgba(124,92,255,0.18);
  --input-bg: rgba(255,255,255,0.92);
  --stat-bg: rgba(124,92,255,0.07);
  --accent: linear-gradient(135deg, #6D4CFF 0%, #B04CFF 55%, #FF6BB5 100%);
  --accent-solid: #6D4CFF;
  --accent-text: #FFFFFF;
  --focus-ring: rgba(109,76,255,0.2);
  --success-bg: #E8F8EF; --success-text: #17935A;
  --error-bg: #FDECEF; --error-text: #D1435B;
  --radius: 22px; --radius-btn: 16px; --radius-input: 14px;
  --font-body: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
}
body::before {
  content: ''; position: fixed; inset: -25%; z-index: -1; pointer-events: none;
  background:
    radial-gradient(circle at 20% 25%, rgba(176,76,255,0.28), transparent 38%),
    radial-gradient(circle at 80% 20%, rgba(255,107,181,0.24), transparent 36%),
    radial-gradient(circle at 55% 85%, rgba(109,76,255,0.26), transparent 40%);
  filter: blur(28px);
  animation: auroraShift 22s ease-in-out infinite alternate;
}
@keyframes auroraShift {
  0%   { transform: translate3d(-3%, -2%, 0) scale(1); }
  50%  { transform: translate3d(3%, 2%, 0) scale(1.08); }
  100% { transform: translate3d(-2%, 3%, 0) scale(1.03); }
}
.card, .feature-card, .stat-box { backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: 0 14px 40px rgba(109,76,255,0.10), inset 0 1px 0 rgba(255,255,255,0.8); }
.pill-btn { box-shadow: 0 10px 26px rgba(109,76,255,0.38); }
.app-brand-name, .hero h1 { background: var(--accent); -webkit-background-clip: text; background-clip: text; color: transparent; }
.top-nav { background: rgba(255,255,255,0.6); backdrop-filter: blur(14px); border-bottom-color: rgba(124,92,255,0.15); position: sticky; top: 0; z-index: 50; }
.bottom-tabs { background: rgba(255,255,255,0.82) !important; border-top-color: rgba(124,92,255,0.15) !important; }