:root,
[data-bs-theme="dark"] {
    /* Base surfaces - blue-tinted dark, layered for depth */
    --lc-bg: #0a0e1a;
    --lc-surface-solid: #131a2a;
    --lc-surface: color-mix(in oklab, var(--lc-surface-solid) 75%, transparent);
    --lc-surface-elevated: #1a2237;
    --lc-glass-border: rgba(148, 163, 184, 0.16);
    --lc-glass-border-strong: rgba(148, 163, 184, 0.28);

    /* Text - higher contrast */
    --lc-text: #f8fafc;
    --lc-text-muted: #94a3b8;
    --lc-text-subtle: #64748b;

    /* Accents - vibrant electric blue */
    --lc-accent: #3b82f6;
    --lc-accent-hover: #60a5fa;
    --lc-accent-fg: white;
    --lc-accent-glow: rgba(59, 130, 246, 0.35);
    --lc-danger: #f43f5e;
    --lc-danger-hover: #fb7185;
    --lc-success: #22c55e;
    --lc-warning: #f59e0b;
    --lc-info: #06b6d4;

    /* Elevation */
    --lc-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
    --lc-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
    --lc-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.4);

    /* Subtle overlay tint for glass surfaces - white on dark. */
    --lc-fx-tint: 255, 255, 255;

    /* Aurora body gradient - vivid on dark. */
    --lc-body-bg-image:
        radial-gradient(ellipse 55% 45% at 15% 15%, rgba(59, 130, 246, 0.32), transparent 55%),
        radial-gradient(ellipse 45% 55% at 85% 30%, rgba(139, 92, 246, 0.24), transparent 55%),
        radial-gradient(ellipse 55% 45% at 60% 90%, rgba(236, 72, 153, 0.18), transparent 55%);

    /* PWA / browser theme color hint. */
    --lc-meta-theme-color: #0a0e1a;
}

/* !!! LIGHT THEME PALETTE - DO NOT REPLACE WITH DEEP-NAVY / INDIGO VARIANT !!!