/**
 * Vigthoria Unified Dark Theme
 * Shared design tokens for coder.vigthoria.io platform surfaces.
 * Aligns with portal.css and hub.vigthoria.io dark aesthetic.
 */

:root,
html[data-theme="dark"],
html.vigthoria-dark {
    --vig-bg-base: #0b0f19;
    --vig-bg-gradient: radial-gradient(circle at 20% 0%, rgba(37, 99, 235, 0.22), transparent 45%),
        radial-gradient(circle at 80% 10%, rgba(124, 58, 237, 0.18), transparent 50%),
        linear-gradient(160deg, #0b0f19 0%, #111827 45%, #0f172a 100%);
    --vig-bg-surface: rgba(15, 23, 42, 0.88);
    --vig-bg-panel: rgba(30, 41, 59, 0.82);
    --vig-bg-card: rgba(15, 23, 42, 0.92);
    --vig-bg-card-hover: rgba(30, 41, 59, 0.95);
    --vig-bg-input: rgba(15, 23, 42, 0.75);
    --vig-bg-header: rgba(11, 15, 25, 0.92);
    --vig-border: rgba(99, 102, 241, 0.35);
    --vig-border-muted: rgba(148, 163, 184, 0.18);
    --vig-text-primary: #f1f5f9;
    --vig-text-secondary: rgba(226, 232, 240, 0.78);
    --vig-text-muted: rgba(148, 163, 184, 0.75);
    --vig-accent: #818cf8;
    --vig-accent-strong: #6366f1;
    --vig-accent-hover: #a5b4fc;
    --vig-accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    --vig-success: #22c55e;
    --vig-warning: #fbbf24;
    --vig-danger: #f87171;
    --vig-shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);
    --vig-shadow-md: 0 12px 32px rgba(0, 0, 0, 0.35);
    --vig-radius-lg: 16px;
    --vig-radius-md: 12px;
    --vig-radius-sm: 8px;
    --vig-backdrop: blur(24px);
    --vig-transition: 0.2s ease;
}

html[data-theme="dark"],
html.vigthoria-dark {
    color-scheme: dark;
}

html[data-theme="dark"] body,
html.vigthoria-dark body {
    background: var(--vig-bg-gradient);
    color: var(--vig-text-primary);
    min-height: 100vh;
}