/* ═══════════════════════════════════════════════════════════════
   Jetfolio V905 Theme — Cool Slate Override
   Replaces warm brown/beige palette with V905 cool slate/navy.
   Load AFTER global.css and dark-mode.css.
   ═══════════════════════════════════════════════════════════════ */

:root {
    /* ── Primary — Navy Blue (replaces warm brown) ─────────────── */
    --primary-color: #2c5282;
    --warm-accent: #2c5282;
    --warm-accent-light: #4a7ab5;
    --warm-accent-dark: #1e3a6e;

    /* ── Secondary — Slate Blue (replaces gold) ────────────────── */
    --secondary-color: #4a7ab5;
    --gold: #6b9fd4;
    --gold-light: #8fb8db;
    --gold-dark: #3468a0;

    /* ── Contrast — Deep Navy ──────────────────────────────────── */
    --contrast-navy: #1e3a5f;
    --icon-color: #1e3a5f;
    --icon-secondary: #475569;

    /* ── Navy Accent — Charts, Links ───────────────────────────── */
    --navy-accent: #1e3a6e;
    --navy-accent-light: #4a7ab5;
    --navy-accent-dark: #1e3a5f;

    /* ── Legacy Navy Aliases ───────────────────────────────────── */
    --primary-navy: #2c5282;
    --primary-navy-light: #4a7ab5;
    --primary-navy-dark: #1e3a6e;

    /* ── Legacy Sky Blue Aliases ────────────────────────────────── */
    --sky-blue: #4a7ab5;
    --sky-blue-light: #8fb8db;
    --sky-blue-dark: #2c5282;

    /* ── Legacy Accent Aliases ─────────────────────────────────── */
    --accent-purple: #2c5282;
    --primary-purple: #1e3a6e;

    /* ── Cool Slate Background System ──────────────────────────── */
    --bg-primary: #f1f5f9;
    --bg-secondary: #e2e8f0;
    --bg-card: #ffffff;
    --bg-card-alt: #f8fafc;
    --bg-elevated: #ffffff;
    --warm-bg: #f1f5f9;
    --warm-card: #ffffff;
    --warm-subtle: #f8fafc;

    /* ── Cool Slate Border System ──────────────────────────────── */
    --warm-border: #e2e8f0;
    --warm-divider: #e2e8f0;
    --border-default: #e2e8f0;
    --border-subtle: #f1f5f9;
    --border-strong: #cbd5e1;

    /* ── Gradients (cool versions) ─────────────────────────────── */
    --gradient-warm: linear-gradient(135deg, #2c5282 0%, #4a7ab5 100%);
    --gradient-warm-subtle: linear-gradient(135deg, rgba(29,78,216,0.08) 0%, rgba(59,130,246,0.05) 100%);
    --gradient-navy: linear-gradient(135deg, #1e3a6e 0%, #1e3a5f 100%);
    --gradient-sky: linear-gradient(135deg, #4a7ab5 0%, #6b9fd4 100%);

    /* ── Text Colors (cool versions) ───────────────────────────── */
    --text-color: #1e293b;
    --text-primary: #1e293b;
    --text-secondary: #64748b;
    --text-muted: #64748b;
    --text-heading: #0f172a;
    /* Non-text decoration only (icons, dividers, placeholder dashes).
       Do NOT use for body text — fails WCAG AA on white (~3:1). */
    --text-decorative: #94a3b8;

    /* ── Font ───────────────────────────────────────────────────── */
    --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* ── Global font override ──────────────────────────────────────── */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    background: var(--bg-primary) !important;
    color: var(--text-color) !important;
    /* App-wide antialiasing — this body rule is injected on every page by
       the navbar, so it covers views (scheduler/rotation pages) that don't
       link global.css. */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Fonts: native system stack — no web-font fetch. */

/* ═══════════════════════════════════════════════════════════════
   DARK MODE — V905 Full Dark Override
   ═══════════════════════════════════════════════════════════════ */

[data-theme="dark"] {
    /* ── Dark Backgrounds — V905 slate ─────────────────────────── */
    --dark-bg-primary: #0f172a;
    --dark-bg-secondary: #1e293b;
    --dark-bg-tertiary: #334155;
    --dark-bg-elevated: #1e293b;

    /* ── Dark Text ─────────────────────────────────────────────── */
    --dark-text-primary: #f1f5f9;
    --dark-text-secondary: #94a3b8;
    --dark-text-tertiary: #64748b;
    --dark-text-muted: #475569;

    /* ── Accent (brighter for dark) ────────────────────────────── */
    --warm-accent-dark-mode: #4a7ab5;
    --warm-accent-light-dark-mode: #6b9fd4;

    /* ── Gold → Blue ───────────────────────────────────────────── */
    --gold-dark-mode: #6b9fd4;
    --gold-light-dark-mode: #8fb8db;

    /* ── Status Colors (vibrant for dark) ──────────────────────── */
    --success-green-dark-mode: #22c55e;
    --success-green-light-dark-mode: #4ade80;
    --warning-yellow-dark-mode: #fbbf24;
    --danger-red-dark-mode: #ef4444;

    /* ── Borders ───────────────────────────────────────────────── */
    --dark-border: #334155;
    --dark-border-light: #475569;

    /* ── Shadows ───────────────────────────────────────────────── */
    --dark-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    --dark-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --dark-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
    --dark-shadow-xl: 0 20px 60px rgba(0, 0, 0, 0.6);

    /* ── Override light variables ──────────────────────────────── */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-card: #1e293b;
    --bg-card-alt: #0f172a;
    --bg-elevated: #1e293b;
    --warm-bg: #0f172a;
    --warm-card: #1e293b;
    --warm-subtle: #0f172a;

    --warm-border: #334155;
    --warm-divider: #334155;
    --border-default: #334155;
    --border-subtle: #1e293b;
    --border-strong: #475569;

    --text-color: #f1f5f9;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-muted: #64748b;
    --text-heading: #f1f5f9;

    --primary-color: #4a7ab5;
    --warm-accent: #4a7ab5;
    --warm-accent-light: #6b9fd4;
    --warm-accent-dark: #3468a0;

    --secondary-color: #6b9fd4;
    --gold: #6b9fd4;
    --gold-light: #8fb8db;
    --gold-dark: #4a7ab5;

    --gradient-warm: linear-gradient(135deg, #3468a0 0%, #4a7ab5 100%);
    --gradient-warm-subtle: linear-gradient(135deg, rgba(59,130,246,0.12) 0%, rgba(96,165,250,0.08) 100%);

    /* ── Body override for dark ────────────────────────────────── */
    background: #0f172a !important;
    color: #f1f5f9 !important;
}

/* ── Card header override for V905 navy ────────────────────────── */
.card-header,
.section-header-bar,
[class*="card-header"] {
    background: #1e3a6e !important;
    color: #ffffff !important;
    border-bottom: none !important;
}

[data-theme="dark"] .card-header,
[data-theme="dark"] .section-header-bar,
[data-theme="dark"] [class*="card-header"] {
    background: #1e3a6e !important;
}