/* SRX Hub — SRX Code theme (default). The same look as SRX Code itself: black chrome, SRX Code orange, soft rounded surfaces.
 * Kept in its own file; the company theme lives in theme-roarai.css and never touches this one. */
html[data-theme="nexa"] {
  --font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --heading-font: var(--font);
  --bg: #f4f5f7; --surface: #ffffff; --surface-2: #f3f4f6; --line: #e7e8ec; --line-strong: #d6d8de;
  --ink: #0f1115; --ink-2: #2a2d33; --muted: #6b7280; --link: #e2410f; --code-bg: #f3f4f6;
  --primary: #ff4d1c; --primary-strong: #e2410f; --primary-soft: #fff1ec;
  --primary-bg: linear-gradient(135deg, #ff4d1c 0%, #ff7a45 100%); --primary-ink: #ffffff;
  --primary-shadow: 0 6px 18px rgba(255, 77, 28, .28); --primary-shadow-hover: 0 8px 24px rgba(255, 77, 28, .36);
  --focus: #ff4d1c; --ring: rgba(255, 77, 28, .16);
  --radius: 16px; --radius-sm: 12px; --radius-lg: 22px;
  --shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .05);
  --shadow-hover: 0 10px 28px rgba(16, 24, 40, .09);
  --shadow-lg: 0 24px 60px rgba(16, 24, 40, .22);
  --topbar-bg: #000000; --topbar-ink: #ffffff; --topbar-muted: #a3a7b0; --topbar-line: rgba(255, 255, 255, .12); --topbar-hover: rgba(255, 255, 255, .08);
  --nav-on-line: #ff4d1c; --nav-spacing: 0; --nav-transform: none;
  --hero-bg: radial-gradient(1200px 520px at 100% 0%, rgba(255, 77, 28, .28), transparent 60%), linear-gradient(135deg, #0b0b0c 0%, #17110f 55%, #2a1208 100%);
  --hero-ink: #ffffff; --hero-muted: #c2c5cc; --hero-accent: #ff7a45; --hero-chip: rgba(255, 77, 28, .18);
  --hero-glow: radial-gradient(circle, rgba(255, 90, 44, .42), rgba(255, 90, 44, 0) 65%);
  --hero-pattern: none;
  --auth-panel-bg: radial-gradient(900px 500px at 100% 100%, #fff1ec, transparent 60%), #ffffff;
  --tile-bg: linear-gradient(135deg, #fff1ec, #ffe2d6); --tile-ink: #c2410c;
  --avatar-bg: linear-gradient(135deg, #ff4d1c, #ff7a45); --avatar-ink: #ffffff;
  --toast-bg: #0f1115;
  --btn-spacing: 0; --btn-transform: none;
  --h1-spacing: -.02em; --h1-transform: none; --h2-spacing: -.01em; --h2-transform: none; --h3-spacing: 0; --h3-transform: none;
}
html[data-theme="nexa"] .brand-nexa { display: inline-flex; }