/**
 * CheckPoint design tokens — Pipeline-aligned themes.
 * Default: futuristic = dark glass + Manning red (#db111f).
 * Alternate: exspeedite = sage green light ops-board.
 * Alternate: ss-theme = burgundy + teal corporate light (Pipeline Slingshot).
 * SME [2026-07-21] SS-Theme tokens (burgundy #6B1E2E + teal #2A9B8F)
 * SME [2026-07-14] Darker portal blacks to match Pipeline immersion
 * SME [2026-07-13] Dual UI theme tokens (futuristic | exspeedite)
 */
:root,
html[data-theme="futuristic"],
body.cp-theme-futuristic {
    --cp-accent: #db111f;
    --cp-accent-dark: #b50e19;
    --cp-accent-hover: #ff4d5a;
    --cp-accent-soft: #fdf2f3;
    --cp-accent-glow: rgba(219, 17, 31, 0.45);
    --cp-cyan: var(--cp-accent);
    --cp-blue: #38bdf8;
    --cp-green: #22c55e;

    /* Pipeline portal blacks — slightly deeper for Live Map immersion */
    --cp-portal-bg: #04060c;
    --cp-portal-bg-elevated: #0a0e18;
    --cp-panel: rgba(8, 12, 22, 0.92);
    --cp-panel-hover: rgba(14, 18, 30, 0.96);
    --cp-border: rgba(148, 163, 184, 0.10);
    --cp-border-glow: rgba(219, 17, 31, 0.32);
    --cp-text: #e8eef7;
    --cp-text-muted: #8b9bb0;
    --cp-text-bright: #f8fafc;
    --cp-grid: rgba(148, 163, 184, 0.045);
    --cp-accent-line: linear-gradient(90deg, transparent, var(--cp-accent), #ff6b7a, transparent);

    --cp-auth-bg:
        radial-gradient(ellipse 90% 70% at 50% -20%, rgba(219, 17, 31, 0.16), transparent 55%),
        radial-gradient(ellipse 50% 40% at 100% 80%, rgba(219, 17, 31, 0.05), transparent 50%),
        linear-gradient(180deg, #04060c 0%, #070a14 50%, #04060c 100%);

    --cp-radius: 10px;
    --cp-radius-lg: 16px;
    --cp-radius-xl: 22px;
    --cp-font: "Outfit", "Inter", "Segoe UI", system-ui, sans-serif;
    --cp-font-display: "Outfit", "Inter", system-ui, sans-serif;

    --cp-success: #22c55e;
    --cp-warn: #f59e0b;
    --cp-info: #38bdf8;
}

html[data-theme="exspeedite"],
body.cp-theme-exspeedite {
    --cp-accent: #4d8e31;
    --cp-accent-dark: #3b6f25;
    --cp-accent-hover: #9bc492;
    --cp-accent-soft: #e8f3e3;
    --cp-accent-glow: rgba(77, 142, 49, 0.45);
    --cp-cyan: var(--cp-accent);
    --cp-blue: #426987;
    --cp-green: #4d8e31;

    --cp-portal-bg: #eef2f5;
    --cp-portal-bg-elevated: #f7f9fa;
    --cp-panel: rgba(255, 255, 255, 0.94);
    --cp-panel-hover: rgba(247, 251, 245, 0.98);
    --cp-border: rgba(77, 142, 49, 0.14);
    --cp-border-glow: rgba(77, 142, 49, 0.28);
    --cp-text: #27313c;
    --cp-text-muted: #667583;
    --cp-text-bright: #1f3d16;
    --cp-grid: rgba(77, 142, 49, 0.06);
    --cp-accent-line: linear-gradient(90deg, transparent, #426987, #4d8e31, #9bc492, transparent);

    --cp-auth-bg:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(90, 154, 143, 0.12), transparent 55%),
        linear-gradient(180deg, #f7f9fa 0%, #f4f9f1 100%);

    --cp-radius: 10px;
    --cp-radius-lg: 14px;
    --cp-radius-xl: 18px;
    --cp-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --cp-font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;

    --cp-success: #4d8e31;
    --cp-warn: #a66a17;
    --cp-info: #426987;

    --exp-brand-green: #4d8e31;
    --exp-brand-green-dark: #3b6f25;
    --exp-page-bg:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(90, 154, 143, 0.07), transparent 55%),
        linear-gradient(180deg, #f7f9fa 0%, #f4f9f1 100%);
    --exp-accent-line: linear-gradient(90deg, #426987 0%, #4d8e31 42%, #9bc492 100%);
}

html[data-theme="ss-theme"],
body.cp-theme-ss-theme {
    --cp-accent: #6B1E2E;
    --cp-accent-dark: #4E1522;
    --cp-accent-hover: #8B2A3D;
    --cp-accent-soft: #F5E8EB;
    --cp-accent-glow: rgba(107, 30, 46, 0.35);
    --cp-cyan: var(--cp-accent);
    --cp-blue: #2A9B8F;
    --cp-green: #1F7A70;

    --cp-portal-bg: #F7F7F7;
    --cp-portal-bg-elevated: #ffffff;
    --cp-panel: #ffffff;
    --cp-panel-hover: #FAFAFA;
    --cp-border: rgba(107, 30, 46, 0.12);
    --cp-border-glow: rgba(107, 30, 46, 0.28);
    --cp-text: #1A1A1A;
    --cp-text-muted: #555555;
    --cp-text-bright: #1A1A1A;
    --cp-grid: rgba(107, 30, 46, 0.04);
    --cp-accent-line: linear-gradient(90deg, transparent, #6B1E2E, #2A9B8F, transparent);

    --cp-auth-bg:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(107, 30, 46, 0.12), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #F7F7F7 100%);

    --cp-radius: 8px;
    --cp-radius-lg: 12px;
    --cp-radius-xl: 16px;
    --cp-font: "Outfit", "Inter", "Segoe UI", system-ui, sans-serif;
    --cp-font-display: "Outfit", "Inter", system-ui, sans-serif;

    --cp-success: #1F7A70;
    --cp-warn: #A66A17;
    --cp-info: #2A9B8F;

    --ss-burgundy: #6B1E2E;
    --ss-burgundy-dark: #4E1522;
    --ss-burgundy-soft: #F5E8EB;
    --ss-burgundy-hover: #8B2A3D;
    --ss-teal: #2A9B8F;
    --ss-teal-dark: #1F7A70;
    --ss-page-bg: linear-gradient(180deg, #ffffff 0%, #F7F7F7 100%);
    --ss-accent-line: linear-gradient(90deg, #6B1E2E 0%, #2A9B8F 100%);
}