/*
 * AiLucent Theme — deep-ink ground, one luminous blue accent, a single warm spark.
 * Brand tokens from the Logo Concepts / Home mockups. Drives the whole shell
 * (nav, dashboard, cards) via the --theme-* contract in theme-base.css.
 */

:root[data-theme="ailucent"] {
    /* PRIMARY */
    --theme-primary: #3E9BFF;
    --theme-primary-dark: #2F8CF2;
    --theme-primary-light: #8FE0FF;
    --theme-primary-gradient: linear-gradient(95deg, #3E9BFF 0%, #8FE0FF 100%);

    --theme-secondary: #8FE0FF;
    --theme-secondary-dark: #5FB8E8;
    --theme-secondary-light: #BDEEFF;

    /* TEXT */
    --theme-text-primary: #0C1222;
    --theme-text-secondary: #5A6884;
    --theme-text-muted: #8195B5;
    --theme-text-inverse: #FFFFFF;

    /* BACKGROUNDS */
    --theme-bg-primary: #FFFFFF;
    --theme-bg-secondary: #F5F8FD;
    --theme-bg-accent: #EAF2FE;
    --theme-bg-hero: linear-gradient(180deg, #0C1222 0%, #111A30 100%);

    /* NAVIGATION — deep ink bar */
    --theme-nav-bg: #0C1222;
    --theme-nav-text: #FFFFFF;
    --theme-nav-hover: rgba(255, 255, 255, 0.12);
    --theme-nav-border: #0A0F1D;
    --theme-nav-height: 66px;

    /* FOOTER */
    --theme-footer-bg: #0C1222;
    --theme-footer-text: #9FB0CF;

    /* CARDS */
    --theme-card-bg: #FFFFFF;
    --theme-card-border: #E2E8F3;
    --theme-card-shadow: 0 1px 3px rgba(12, 18, 34, 0.08);
    --theme-card-shadow-hover: 0 12px 40px rgba(62, 155, 255, 0.14);

    /* BUTTONS */
    --theme-btn-primary-bg: #3E9BFF;
    --theme-btn-primary-text: #FFFFFF;
    --theme-btn-primary-hover: #2F8CF2;
    --theme-btn-secondary-bg: #FFFFFF;
    --theme-btn-secondary-text: #0C1222;
    --theme-btn-secondary-border: #E2E8F3;

    /* STATUS */
    --theme-success: #10B981;
    --theme-success-dark: #059669;
    --theme-success-light: #34D399;
    --theme-warning: #FFB63D;
    --theme-warning-dark: #D97706;
    --theme-warning-light: #FFD07A;
    --theme-danger: #EF4444;
    --theme-danger-dark: #DC2626;
    --theme-danger-light: #F87171;

    --theme-btn-success-bg: #10B981;
    --theme-btn-success-text: #FFFFFF;
    --theme-btn-success-hover: #059669;
    --theme-btn-warning-bg: #FFB63D;
    --theme-btn-warning-text: #0C1222;
    --theme-btn-warning-hover: #E5A234;
    --theme-btn-danger-bg: #EF4444;
    --theme-btn-danger-text: #FFFFFF;
    --theme-btn-danger-hover: #DC2626;

    /* ICONS */
    --theme-icon-bg: #EAF2FE;
    --theme-icon-color: #3E9BFF;
    --theme-checkmark-color: #3E9BFF;

    /* BORDERS & RADIUS */
    --theme-border-color: #E2E8F3;
    --theme-border-2: #EEF3FB;
    --theme-border-radius: 12px;
    --theme-border-radius-sm: 8px;
    --theme-border-radius-lg: 16px;

    /* SPACING */
    --theme-spacing-xs: 0.25rem;
    --theme-spacing-sm: 0.5rem;
    --theme-spacing-md: 1rem;
    --theme-spacing-lg: 1.5rem;
    --theme-spacing-xl: 2rem;
    --theme-spacing-2xl: 3rem;
    --theme-spacing-3xl: 4rem;

    /* TYPOGRAPHY */
    --theme-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --theme-font-display: "Bahnschrift", "Segoe UI Semibold", system-ui, sans-serif;
    --theme-font-size-xs: 0.75rem;
    --theme-font-size-sm: 0.875rem;
    --theme-font-size-base: 1rem;
    --theme-font-size-lg: 1.125rem;
    --theme-font-size-xl: 1.5rem;
    --theme-font-size-2xl: 2rem;
    --theme-font-size-3xl: 2.5rem;

    /* TRANSITIONS & SHADOWS */
    --theme-transition-fast: 0.15s ease;
    --theme-transition-base: 0.2s ease;
    --theme-transition-slow: 0.3s ease;
    --theme-shadow-sm: 0 1px 2px rgba(12, 18, 34, 0.06);
    --theme-shadow-md: 0 4px 6px rgba(12, 18, 34, 0.10);
    --theme-shadow-lg: 0 10px 15px rgba(12, 18, 34, 0.10);
    --theme-shadow-xl: 0 20px 25px rgba(12, 18, 34, 0.15);
}

/* Nav shadow + brand contrast on the ink bar; link colors match the marketing nav */
:root[data-theme="ailucent"] .theme-nav { box-shadow: 0 1px 0 #0A0F1D; backdrop-filter: saturate(160%) blur(8px); }

/* App-content links use the blue accent (scoped so marketing pages are untouched) */
:root[data-theme="ailucent"] .app-content a:not(.btn):not([class*="btn-"]) { color: #2F8CF2; }
:root[data-theme="ailucent"] .app-content a:not(.btn):not([class*="btn-"]):hover { color: #3E9BFF; }

/* Selection + scrollbar */
:root[data-theme="ailucent"] ::selection { background: rgba(62, 155, 255, 0.20); color: #0C1222; }
:root[data-theme="ailucent"] ::-webkit-scrollbar { width: 8px; height: 8px; }
:root[data-theme="ailucent"] ::-webkit-scrollbar-thumb { background: #3E9BFF; border-radius: 4px; }