/**
 * SEA VIN Adaptive Theme System
 * Base Brand Tokens (foundation) + Semantic overrides per context.
 * Hook: html/body/header/footer [data-seavin-theme="…"]
 * Light/Dark: html[data-theme="dark|light|system"]
 */

/* ---------- Shared semantic aliases (theme layer) ---------- */
html[data-seavin-theme] {
  --surface-page: var(--seavin-bg);
  --surface-card: var(--seavin-surface-strong);
  --surface-elevated: var(--seavin-surface);
  --text-primary: var(--seavin-text-primary);
  --text-secondary: var(--seavin-text-secondary);
  --border-default: var(--seavin-border);
  --theme-accent: var(--seavin-brand-accent);
  --theme-accent-secondary: var(--seavin-brand-primary);
  --theme-page-bg: var(--surface-page);
  --theme-page-gradient: none;
  --theme-decorative: 0.35;
}

/* ========== PORTAL — strongest brand, deep ocean + aurora ========== */
html[data-seavin-theme="portal"] {
  --seavin-bg: #e8f4f6;
  --seavin-bg-secondary: #dceef0;
  --surface-page: #e8f4f6;
  --theme-page-gradient:
    radial-gradient(ellipse 90% 60% at 12% -8%, rgba(45, 113, 174, 0.14), transparent 55%),
    radial-gradient(ellipse 70% 50% at 88% 0%, rgba(29, 175, 170, 0.12), transparent 50%),
    linear-gradient(180deg, #eef8fa 0%, #e3f0f2 42%, #dceef0 100%);
}
.seavin-global-header[data-seavin-theme="portal"] {
  --header-background:
    linear-gradient(180deg, rgba(6, 28, 34, 0.97) 0%, rgba(9, 52, 62, 0.94) 100%);
  --header-text: #eef8f7;
  --header-muted: rgba(200, 230, 228, 0.78);
  --header-border: rgba(83, 213, 203, 0.18);
  --header-glow-one: #2dd4bf;
  --header-glow-two: #38bdf8;
  --header-glow-three: #818cf8;
  --sgh-accent: #53d5cb;
  --sgh-accent-ink: #042f2e;
}
.seavin-global-footer[data-seavin-theme="portal"] {
  --sgf-bg: linear-gradient(180deg, #061318 0%, #071519 100%);
  --sgf-ink: #eef8f7;
  --sgf-muted: rgba(176, 210, 208, 0.82);
  --sgf-line: rgba(83, 213, 203, 0.14);
  --sgf-accent: #53d5cb;
  background: var(--sgf-bg);
  color: var(--sgf-ink);
}
html[data-seavin-theme="portal"] body {
  background: var(--theme-page-gradient);
  color: var(--seavin-text-primary);
}

/* ========== NAVIGATION — ocean mist, discovery teal ========== */
html[data-seavin-theme="navigation"] {
  --page-bg: #eef8f9;
  --page-bg-secondary: #e4f3f4;
  --surface-page: #eef8f9;
  --theme-page-gradient:
    radial-gradient(circle at 15% 0%, rgba(33, 180, 170, 0.10), transparent 42%),
    radial-gradient(circle at 88% 5%, rgba(45, 113, 174, 0.10), transparent 38%),
    linear-gradient(180deg, #f3fbfc 0%, #eef8f9 55%, #e6f4f5 100%);
  --sea-accent: #1dafaa;
  --sea-primary: #0d7174;
}
.seavin-global-header[data-seavin-theme="navigation"] {
  --header-background:
    linear-gradient(135deg, rgba(8, 58, 68, 0.92) 0%, rgba(13, 113, 116, 0.88) 58%, rgba(29, 175, 170, 0.82) 100%);
  --header-text: #f0fdfc;
  --header-muted: rgba(210, 245, 242, 0.82);
  --header-border: rgba(83, 213, 203, 0.22);
  --header-glow-one: #38bdf8;
  --header-glow-two: #22d3ee;
  --header-glow-three: #1dafaa;
}
.seavin-global-footer[data-seavin-theme="navigation"] {
  --sgf-bg: linear-gradient(180deg, #0a2830 0%, #0d3d48 100%);
  --sgf-ink: #eef8f7;
  --sgf-muted: rgba(176, 220, 218, 0.85);
  --sgf-accent: #1dafaa;
  background: var(--sgf-bg);
  color: var(--sgf-ink);
}
html[data-seavin-theme="navigation"] body.nav-global-frame {
  background: var(--theme-page-gradient);
}

/* ========== IDENTITY LOGIN — quiet, secure, low distraction ========== */
html[data-seavin-theme="identity-login"] {
  --seavin-bg: #0c2228;
  --seavin-bg-secondary: #122c34;
  --seavin-surface-strong: rgba(255, 255, 255, 0.96);
  --surface-page: #0c2228;
  --theme-page-gradient:
    radial-gradient(ellipse 80% 55% at 50% -10%, rgba(29, 175, 170, 0.12), transparent 55%),
    linear-gradient(180deg, #0a1c22 0%, #0f2a32 45%, #163840 100%);
  --sv-bg: #0c2228;
  --sv-bg-deep: #122c34;
  --sv-card: rgba(255, 255, 255, 0.97);
}
.seavin-global-header[data-seavin-theme="identity-login"] {
  --header-background: rgba(8, 24, 30, 0.94);
  --header-text: #e8f6f5;
  --header-muted: rgba(180, 210, 208, 0.78);
  --header-border: rgba(29, 175, 170, 0.14);
  --header-glow-one: #1dafaa;
  --header-glow-two: #0d7174;
}
.seavin-global-footer[data-seavin-theme="identity-login"] {
  --sgf-bg: #08181e;
  --sgf-ink: #dceeed;
  --sgf-muted: rgba(160, 195, 193, 0.78);
  --sgf-accent: #1dafaa;
  background: var(--sgf-bg);
}
html[data-seavin-theme="identity-login"] body.seavin-auth {
  background: var(--theme-page-gradient);
}
html[data-seavin-theme="identity-login"] .auth-shell__form-card {
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.06);
}

/* ========== IDENTITY REGISTER — brighter departure ========== */
html[data-seavin-theme="identity-register"] {
  --seavin-bg: #eef6fc;
  --seavin-bg-secondary: #e8f0fa;
  --seavin-brand-violet: #6366c4;
  --surface-page: #eef6fc;
  --theme-page-gradient:
    radial-gradient(ellipse 70% 50% at 20% 0%, rgba(99, 102, 196, 0.12), transparent 50%),
    radial-gradient(ellipse 60% 45% at 85% 8%, rgba(29, 175, 170, 0.14), transparent 48%),
    linear-gradient(180deg, #f4f9fc 0%, #eef6fc 50%, #e6f2f8 100%);
  --sv-bg: #eef6fc;
  --sv-bg-deep: #e8f0fa;
  --sv-card: #ffffff;
}
.seavin-global-header[data-seavin-theme="identity-register"] {
  --header-background:
    linear-gradient(135deg, rgba(30, 64, 120, 0.92) 0%, rgba(45, 113, 174, 0.88) 45%, rgba(99, 102, 196, 0.82) 100%);
  --header-text: #f8fafc;
  --header-muted: rgba(220, 230, 250, 0.85);
  --header-border: rgba(147, 197, 253, 0.2);
  --header-glow-one: #818cf8;
  --header-glow-two: #38bdf8;
  --header-glow-three: #1dafaa;
}
.seavin-global-footer[data-seavin-theme="identity-register"] {
  --sgf-bg: linear-gradient(180deg, #1a3050 0%, #243b5c 100%);
  --sgf-ink: #f0f7ff;
  --sgf-muted: rgba(200, 220, 240, 0.82);
  --sgf-accent: #5eead4;
  background: var(--sgf-bg);
}
html[data-seavin-theme="identity-register"] body.seavin-auth {
  background: var(--theme-page-gradient);
}

/* ========== IDENTITY OAUTH — consent, minimal ========== */
html[data-seavin-theme="identity-oauth"] {
  --seavin-bg: #0e262c;
  --seavin-bg-secondary: #143038;
  --surface-page: #0e262c;
  --theme-page-gradient: linear-gradient(180deg, #0b1f24 0%, #123038 100%);
}
.seavin-global-header[data-seavin-theme="identity-oauth"] {
  --header-background: rgba(10, 28, 34, 0.96);
  --header-text: #ecf8f7;
  --header-muted: rgba(180, 210, 208, 0.8);
  --header-border: rgba(29, 175, 170, 0.12);
}
.seavin-global-footer[data-seavin-theme="identity-oauth"] {
  --sgf-bg: #08181e;
  --sgf-ink: #dceeed;
  --sgf-accent: #1dafaa;
  background: var(--sgf-bg);
}

/* ========== IDENTITY PASSWORD — credential security ========== */
html[data-seavin-theme="identity-password"] {
  --seavin-bg: #0a1e24;
  --seavin-bg-secondary: #102830;
  --surface-page: #0a1e24;
  --theme-page-gradient:
    linear-gradient(180deg, #081820 0%, #0f2a32 60%, #143640 100%);
  --theme-accent: #1db7ae;
}
.seavin-global-header[data-seavin-theme="identity-password"] {
  --header-background: rgba(6, 22, 28, 0.96);
  --header-text: #e8f6f5;
  --header-border: rgba(29, 183, 174, 0.16);
  --header-glow-one: #1db7ae;
}
.seavin-global-footer[data-seavin-theme="identity-password"] {
  --sgf-bg: #061418;
  --sgf-accent: #1db7ae;
  background: var(--sgf-bg);
}

/* ========== ACCOUNT — digital console ========== */
html[data-seavin-theme="account"] {
  --seavin-bg: #e9eef3;
  --seavin-bg-secondary: #dfe7ef;
  --seavin-surface-muted: #d4dee8;
  --surface-page: #e9eef3;
  --theme-page-gradient: linear-gradient(180deg, #eef2f6 0%, #e4eaf0 100%);
  --sv-bg: #e9eef3;
  --sv-bg-deep: #dfe7ef;
  --sv-card: #ffffff;
}
.seavin-global-header[data-seavin-theme="account"] {
  --header-background:
    linear-gradient(180deg, rgba(15, 45, 58, 0.96) 0%, rgba(18, 62, 72, 0.92) 100%);
  --header-text: #eef8f7;
  --header-muted: rgba(190, 215, 218, 0.82);
  --header-border: rgba(83, 213, 203, 0.16);
  --header-glow-one: #53d5cb;
  --header-glow-two: #2d71ae;
}
.seavin-global-footer[data-seavin-theme="account"] {
  --sgf-bg: linear-gradient(180deg, #0f2830 0%, #122f38 100%);
  --sgf-ink: #eef8f7;
  --sgf-muted: rgba(176, 200, 205, 0.85);
  --sgf-accent: #53d5cb;
  background: var(--sgf-bg);
}
html[data-seavin-theme="account"] .sv-account-body.has-sidebar {
  background: rgba(255, 255, 255, 0.55);
  border-radius: var(--seavin-radius-md);
}
html[data-seavin-theme="account"] [data-acc-sidebar],
html[data-seavin-theme="account"] .sv-acc-nav {
  background: rgba(15, 45, 58, 0.06);
  border-color: rgba(12, 92, 96, 0.12);
}

/* ========== SECURITY — stable, trustworthy ========== */
html[data-seavin-theme="security"] {
  --seavin-bg: #e6eef2;
  --seavin-bg-secondary: #dce6ec;
  --surface-page: #e6eef2;
  --theme-page-gradient:
    linear-gradient(180deg, #eef4f7 0%, #e6eef2 100%),
    repeating-linear-gradient(0deg, transparent, transparent 23px, rgba(13, 77, 104, 0.04) 24px);
  --theme-accent: #2d71ae;
}
.seavin-global-header[data-seavin-theme="security"] {
  --header-background:
    linear-gradient(180deg, rgba(12, 40, 58, 0.97) 0%, rgba(15, 58, 72, 0.94) 100%);
  --header-text: #f0f7fa;
  --header-muted: rgba(190, 215, 225, 0.82);
  --header-border: rgba(45, 113, 174, 0.2);
  --header-glow-one: #2d71ae;
  --header-glow-two: #1dafaa;
}
.seavin-global-footer[data-seavin-theme="security"] {
  --sgf-bg: linear-gradient(180deg, #0c2430 0%, #0f3040 100%);
  --sgf-accent: #5fa7df;
  background: var(--sgf-bg);
  color: #eef8f7;
}

/* ========== PRODUCT ABOUT — context accent via header_theme ========== */
html[data-seavin-theme="product-about"] {
  --surface-page: #eef6f8;
  --theme-page-gradient: linear-gradient(180deg, #f2f9fa 0%, #e8f2f4 100%);
}
.seavin-global-header[data-seavin-theme="product-about"] {
  --header-background: rgba(248, 252, 252, 0.94);
  --header-text: var(--sg-ink, #10292d);
}
.seavin-global-footer[data-seavin-theme="product-about"] {
  --sgf-bg: #eef6f5;
}

/* ========== ABOUT — brand story, soft breath ========== */
html[data-seavin-theme="about"] {
  --seavin-bg: #f2f7f8;
  --surface-page: #f2f7f8;
  --theme-page-gradient:
    radial-gradient(ellipse 70% 45% at 50% -5%, rgba(45, 113, 174, 0.08), transparent 55%),
    linear-gradient(180deg, #f6fafb 0%, #eef5f6 55%, #e8f1f2 100%);
  --theme-decorative: 0.22;
}
.seavin-global-header[data-seavin-theme="about"] {
  --header-background: linear-gradient(180deg, rgba(12, 48, 58, 0.94) 0%, rgba(18, 72, 82, 0.90) 100%);
  --header-text: #eef8f7;
  --header-muted: rgba(190, 220, 218, 0.82);
  --header-border: rgba(45, 180, 170, 0.16);
  --header-glow-one: #2dd4bf;
  --header-glow-two: #38bdf8;
}
.seavin-global-footer[data-seavin-theme="about"] {
  --sgf-bg: linear-gradient(180deg, #0a222a 0%, #0d2c34 100%);
  --sgf-ink: #eef8f7;
  --sgf-accent: #2dd4bf;
  background: var(--sgf-bg);
  color: var(--sgf-ink);
}
html[data-seavin-theme="about"] body { background: var(--theme-page-gradient); }

/* ========== PRODUCTS HUB — cold blue + cyan ========== */
html[data-seavin-theme="products"] {
  --seavin-bg: #eef3f8;
  --surface-page: #eef3f8;
  --theme-page-gradient:
    radial-gradient(ellipse 60% 40% at 10% 0%, rgba(56, 189, 248, 0.10), transparent 50%),
    radial-gradient(ellipse 50% 35% at 90% 5%, rgba(129, 140, 248, 0.08), transparent 45%),
    linear-gradient(180deg, #f4f7fb 0%, #e8eef5 100%);
}
.seavin-global-header[data-seavin-theme="products"] {
  --header-background: linear-gradient(135deg, rgba(10, 40, 70, 0.95) 0%, rgba(13, 90, 120, 0.90) 55%, rgba(45, 90, 140, 0.88) 100%);
  --header-text: #f0f7ff;
  --header-glow-one: #38bdf8;
  --header-glow-two: #818cf8;
  --header-glow-three: #2dd4bf;
}
.seavin-global-footer[data-seavin-theme="products"] {
  --sgf-bg: linear-gradient(180deg, #0a1c2e 0%, #0d2438 100%);
  --sgf-accent: #38bdf8;
  background: var(--sgf-bg);
  color: #eef6ff;
}
html[data-seavin-theme="products"] body { background: var(--theme-page-gradient); }

/* ========== CHAT — Deep Signal ========== */
html[data-seavin-theme="chat"] {
  --seavin-bg: #e8f0f6;
  --surface-page: #e8f0f6;
  --theme-page-gradient:
    radial-gradient(ellipse 80% 50% at 50% -8%, rgba(34, 211, 238, 0.12), transparent 55%),
    linear-gradient(180deg, #eef5fa 0%, #e0ebf4 45%, #d6e4f0 100%);
  --theme-accent: #22d3ee;
}
.seavin-global-header[data-seavin-theme="chat"] {
  --header-background: linear-gradient(180deg, rgba(4, 22, 40, 0.98) 0%, rgba(8, 48, 72, 0.95) 60%, rgba(12, 70, 90, 0.92) 100%);
  --header-text: #e8f8fc;
  --header-muted: rgba(160, 210, 230, 0.82);
  --header-border: rgba(34, 211, 238, 0.2);
  --header-glow-one: #22d3ee;
  --header-glow-two: #38bdf8;
  --header-glow-three: #818cf8;
}
.seavin-global-footer[data-seavin-theme="chat"] {
  --sgf-bg: linear-gradient(180deg, #020d18 0%, #041828 100%);
  --sgf-accent: #22d3ee;
  background: var(--sgf-bg);
  color: #e0f4fa;
}
html[data-seavin-theme="chat"] body { background: var(--theme-page-gradient); }

/* ========== PROMOTION ABOUT — growth energy (intro only) ========== */
/* Page shell is dark (matches product hero). Light body behind a transparent
   header + backdrop-filter frosted into a milky white bar on mobile. */
html[data-seavin-theme="promotion-about"] {
  --seavin-bg: #0c0614;
  --surface-page: #0c0614;
  --theme-page-gradient:
    radial-gradient(ellipse 55% 40% at 15% 0%, rgba(192, 132, 252, 0.18), transparent 50%),
    radial-gradient(ellipse 45% 35% at 88% 5%, rgba(251, 146, 60, 0.10), transparent 45%),
    linear-gradient(180deg, #12081c 0%, #0c0614 55%, #140a1e 100%);
}
.seavin-global-header[data-seavin-theme="promotion-about"] {
  --header-background: linear-gradient(135deg, rgba(40, 20, 60, 0.92) 0%, rgba(70, 40, 90, 0.90) 50%, rgba(120, 60, 80, 0.88) 100%);
  --header-text: #faf5ff;
  --header-muted: rgba(235, 220, 255, 0.82);
  --header-border: rgba(192, 132, 252, 0.22);
  --header-glow-one: #c084fc;
  --header-glow-two: #fb923c;
  --header-glow-three: #f472b6;
}
.seavin-global-footer[data-seavin-theme="promotion-about"] {
  --sgf-bg: linear-gradient(180deg, #1a1028 0%, #221433 100%);
  --sgf-accent: #c084fc;
  background: var(--sgf-bg);
  color: #f5f0fa;
}
html[data-seavin-theme="promotion-about"] body { background: var(--theme-page-gradient); }

/* ========== FORUM ABOUT — knowledge indigo ========== */
html[data-seavin-theme="forum-about"] {
  --seavin-bg: #f0f2f8;
  --surface-page: #f0f2f8;
  --theme-page-gradient:
    radial-gradient(ellipse 60% 40% at 20% 0%, rgba(129, 140, 248, 0.10), transparent 50%),
    linear-gradient(180deg, #f4f5fa 0%, #eaecf4 100%);
}
.seavin-global-header[data-seavin-theme="forum-about"] {
  --header-background: linear-gradient(180deg, rgba(20, 28, 70, 0.94) 0%, rgba(40, 50, 100, 0.90) 100%);
  --header-text: #eef0ff;
  --header-glow-one: #818cf8;
  --header-glow-two: #6366f1;
}
.seavin-global-footer[data-seavin-theme="forum-about"] {
  --sgf-bg: linear-gradient(180deg, #121830 0%, #182040 100%);
  --sgf-accent: #818cf8;
  background: var(--sgf-bg);
  color: #eef0ff;
}
html[data-seavin-theme="forum-about"] body { background: var(--theme-page-gradient); }

/* ========== SERVICE ABOUT — reliable support ========== */
html[data-seavin-theme="service-about"] {
  --seavin-bg: #eef6f4;
  --surface-page: #eef6f4;
  --theme-page-gradient:
    radial-gradient(ellipse 55% 40% at 80% 0%, rgba(52, 211, 153, 0.10), transparent 50%),
    linear-gradient(180deg, #f2f9f7 0%, #e6f2ef 100%);
}
.seavin-global-header[data-seavin-theme="service-about"] {
  --header-background: linear-gradient(180deg, rgba(8, 50, 70, 0.94) 0%, rgba(12, 90, 100, 0.90) 100%);
  --header-text: #eefaf6;
  --header-glow-one: #34d399;
  --header-glow-two: #2dd4bf;
}
.seavin-global-footer[data-seavin-theme="service-about"] {
  --sgf-bg: linear-gradient(180deg, #0a2830 0%, #0c3640 100%);
  --sgf-accent: #34d399;
  background: var(--sgf-bg);
  color: #eef8f5;
}
html[data-seavin-theme="service-about"] body { background: var(--theme-page-gradient); }

/* ========== PRIVACY / TERMS / HELP — legal/help family ========== */
html[data-seavin-theme="privacy"] {
  --seavin-bg: #f0f6f6;
  --surface-page: #f0f6f6;
  --theme-page-gradient: linear-gradient(180deg, #f4f9f9 0%, #e8f2f2 100%);
}
.seavin-global-header[data-seavin-theme="privacy"] {
  --header-background: linear-gradient(180deg, rgba(10, 40, 48, 0.94) 0%, rgba(14, 60, 70, 0.90) 100%);
  --header-text: #eef8f7;
  --header-glow-one: #5eead4;
}
.seavin-global-footer[data-seavin-theme="privacy"] {
  --sgf-bg: linear-gradient(180deg, #0a2228 0%, #0e2c34 100%);
  --sgf-accent: #5eead4;
  background: var(--sgf-bg);
  color: #eef8f7;
}
html[data-seavin-theme="privacy"] body { background: var(--theme-page-gradient); }

html[data-seavin-theme="terms"] {
  --seavin-bg: #f2f4f6;
  --surface-page: #f2f4f6;
  --theme-page-gradient: linear-gradient(180deg, #f5f6f8 0%, #e9ecf0 100%);
}
.seavin-global-header[data-seavin-theme="terms"] {
  --header-background: linear-gradient(180deg, rgba(16, 28, 40, 0.95) 0%, rgba(24, 40, 56, 0.92) 100%);
  --header-text: #eef2f6;
  --header-glow-one: #94a3b8;
}
.seavin-global-footer[data-seavin-theme="terms"] {
  --sgf-bg: linear-gradient(180deg, #101820 0%, #142028 100%);
  --sgf-accent: #94a3b8;
  background: var(--sgf-bg);
  color: #e8eef4;
}
html[data-seavin-theme="terms"] body { background: var(--theme-page-gradient); }

html[data-seavin-theme="help"] {
  --seavin-bg: #eef8fa;
  --surface-page: #eef8fa;
  --theme-page-gradient:
    radial-gradient(ellipse 50% 35% at 50% 0%, rgba(34, 211, 238, 0.10), transparent 50%),
    linear-gradient(180deg, #f4fbfd 0%, #e6f4f7 100%);
}
.seavin-global-header[data-seavin-theme="help"] {
  --header-background: linear-gradient(180deg, rgba(8, 60, 80, 0.92) 0%, rgba(12, 100, 110, 0.88) 100%);
  --header-text: #eefafe;
  --header-glow-one: #22d3ee;
}
.seavin-global-footer[data-seavin-theme="help"] {
  --sgf-bg: linear-gradient(180deg, #0a3038 0%, #0e3c48 100%);
  --sgf-accent: #22d3ee;
  background: var(--sgf-bg);
  color: #eefafe;
}
html[data-seavin-theme="help"] body { background: var(--theme-page-gradient); }

/* ========== ADMIN — functional density ========== */
html[data-seavin-theme="admin"] {
  --seavin-bg: #f0f4f3;
  --admin-bg: #f0f4f3;
  --admin-side: #0d2428;
  --surface-page: var(--seavin-bg);
}

/* ========== Dark mode — theme-specific palettes (not simple invert) ========== */
html[data-theme="dark"][data-seavin-theme="portal"] {
  --seavin-bg: #061318;
  --theme-page-gradient:
    radial-gradient(ellipse 80% 50% at 15% -5%, rgba(45, 113, 174, 0.18), transparent 50%),
    linear-gradient(180deg, #071519 0%, #0a2025 100%);
}
html[data-theme="dark"][data-seavin-theme="navigation"] {
  --page-bg: #071519;
  --page-bg-secondary: #0a2025;
  --theme-page-gradient: linear-gradient(180deg, #071519 0%, #0a2025 100%);
}
html[data-theme="dark"][data-seavin-theme="identity-login"],
html[data-theme="dark"][data-seavin-theme="identity-oauth"],
html[data-theme="dark"][data-seavin-theme="identity-password"] {
  --seavin-bg: #050f12;
  --theme-page-gradient: linear-gradient(180deg, #050f12 0%, #0a1c22 100%);
  --sv-card: rgba(16, 38, 44, 0.96);
}
html[data-theme="dark"][data-seavin-theme="identity-register"] {
  --seavin-bg: #0a2025;
  --theme-page-gradient: linear-gradient(180deg, #071519 0%, #102830 100%);
  --sv-card: #10262c;
}
html[data-theme="dark"][data-seavin-theme="account"] {
  --seavin-bg: #071519;
  --seavin-bg-secondary: #0a2025;
  --theme-page-gradient: linear-gradient(180deg, #071519 0%, #0c2228 100%);
  --sv-card: #10262c;
}
html[data-theme="dark"][data-seavin-theme="security"] {
  --seavin-bg: #071519;
  --theme-page-gradient: linear-gradient(180deg, #071519 0%, #0a2430 100%);
}

@media (prefers-color-scheme: dark) {
  html[data-theme="system"][data-seavin-theme="portal"] {
    --seavin-bg: #061318;
    --theme-page-gradient: linear-gradient(180deg, #071519 0%, #0a2025 100%);
  }
  html[data-theme="system"][data-seavin-theme="navigation"] {
    --page-bg: #071519;
    --theme-page-gradient: linear-gradient(180deg, #071519 0%, #0a2025 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-seavin-theme] *,
  html[data-seavin-theme] *::before,
  html[data-seavin-theme] *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}