/* SRX Hub — Aurora theme (prompt 236). The same palette as SRX Code's own Aurora theme
 * (studio-src/src/themes/aurora/theme-aurora.base.css), MEASURED from the owner's example: magenta #dc04ff -> violet
 * #923afb -> electric blue #4173f5. That exact gradient only on large surfaces (hero, sign-in panel); normal-size white
 * text sits on the deeper #9a00e0 -> #3f5fe0 (WCAG AA). Keeps the SRX Code mark. Kept in its own file so no other theme is
 * affected. */
html[data-theme="aurora"] {
  --font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --heading-font: var(--font);
  --bg: #f9f6fe; --surface: #ffffff; --surface-2: #f4effc; --line: #e8e1f6; --line-strong: #d6cbee;
  --ink: #120a24; --ink-2: #2a1f45; --muted: #625a7f; --link: #7a2fe8; --code-bg: #f3eefc;
  --primary: #7a2fe8; --primary-strong: #6d28d9; --primary-soft: #f4ecff;
  --primary-bg: linear-gradient(120deg, #9a00e0 0%, #3f5fe0 100%); --primary-ink: #ffffff;
  --primary-shadow: 0 6px 18px rgba(146, 58, 251, .3); --primary-shadow-hover: 0 8px 24px rgba(146, 58, 251, .4);
  --focus: #7a2fe8; --ring: rgba(146, 58, 251, .2);
  --radius: 16px; --radius-sm: 12px; --radius-lg: 22px;
  --shadow: 0 1px 2px rgba(19, 7, 43, .04), 0 8px 24px rgba(19, 7, 43, .07);
  --shadow-hover: 0 10px 28px rgba(19, 7, 43, .12);
  --shadow-lg: 0 24px 60px rgba(19, 7, 43, .26);
  --topbar-bg: #13072b; --topbar-ink: #ffffff; --topbar-muted: #c9b8f0; --topbar-line: rgba(255, 255, 255, .12); --topbar-hover: rgba(255, 255, 255, .08);
  --nav-on-line: #dc04ff; --nav-spacing: 0; --nav-transform: none;
  --hero-bg: radial-gradient(1100px 520px at 100% 0%, rgba(65, 115, 245, .45), transparent 60%), radial-gradient(900px 480px at 0% 100%, rgba(220, 4, 255, .40), transparent 60%), linear-gradient(135deg, #2a0a55 0%, #1a0b3d 55%, #10123f 100%);
  --hero-ink: #ffffff; --hero-muted: #e2d4fb; --hero-accent: #f06bff; --hero-chip: rgba(220, 4, 255, .2);
  --hero-glow: radial-gradient(circle, rgba(220, 4, 255, .45), rgba(220, 4, 255, 0) 65%);
  --hero-pattern: none;
  --auth-panel-bg: radial-gradient(900px 500px at 100% 100%, #f4ecff, transparent 60%), #ffffff;
  --tile-bg: linear-gradient(135deg, #f4ecff, #e6e3ff); --tile-ink: #6d28d9;
  --avatar-bg: linear-gradient(120deg, #9a00e0, #3f5fe0); --avatar-ink: #ffffff;
  --toast-bg: #13072b;
  --btn-spacing: 0; --btn-transform: none;
  --h1-spacing: -.02em; --h1-transform: none; --h2-spacing: -.01em; --h2-transform: none; --h3-spacing: 0; --h3-transform: none;
}