/* ════════════════════════════════════════════════════════════
   Fursarada — light theme (html[data-theme="light"]).
   Injected on every page by shared.js; dark remains the default.
   ════════════════════════════════════════════════════════════ */

html[data-theme="light"] {
    color-scheme: light;
    --primary: #2b6f95;
    --primary-dark: #1D4D68;
    --primary-light: #1D4D68;
    --accent: #1D4D68;
    --accent-light: #2b6f95;
    --bg: #F4F8FB;
    --surface: #FFFFFF;
    --text: #12303F;
    --text-secondary: rgba(18, 48, 63, 0.68);
    --border: rgba(29, 77, 104, 0.22);
    --success: #1f7a46;

    --v2-surface-2: #eef4f8;
    --v2-surface-3: #f3f7fa;
    --v2-muted: rgba(18, 48, 63, 0.7);
    --v2-border: rgba(29, 77, 104, 0.22);
    --v2-border-strong: rgba(29, 77, 104, 0.55);
    --v2-focus: #c77700;
    --v2-success: #1b6e3f;
    --v2-success-bg: #e3f5ea;
    --v2-warn: #8a5a00;
    --v2-warn-bg: #fff4d6;
    --v2-danger: #b3261e;
    --v2-danger-bg: #fde7e5;
    --v2-info: #1d5f8a;
    --v2-info-bg: #e3f1fb;
    --v2-shadow: 4px 4px 0 rgba(29, 77, 104, 0.18);
    --paper-desk: #d9e3ea;
}

html[data-theme="light"] body { background: var(--bg); color: var(--text); }
html[data-theme="dark"] { color-scheme: dark; }

/* Buttons keep the brand's offset-shadow look, inverted for light */
html[data-theme="light"] .btn, html[data-theme="light"] .btn-large, html[data-theme="light"] .btn-small {
    background-color: #1D4D68 !important; color: #fff !important; border-color: #1D4D68 !important;
    box-shadow: 4px 4px 0 rgba(29, 77, 104, 0.25) !important;
}
html[data-theme="light"] .btn:hover, html[data-theme="light"] .btn-large:hover, html[data-theme="light"] .btn-small:hover {
    background-color: #fff !important; color: #1D4D68 !important;
}
html[data-theme="light"] .btn-flat {
    background-color: transparent !important; color: var(--text) !important;
    border-color: transparent !important; box-shadow: none !important;
}
html[data-theme="light"] .btn-flat:hover { background-color: transparent !important; border-color: var(--text) !important; transform: none !important; }
html[data-theme="light"] .btn .material-icons, html[data-theme="light"] .btn-small .material-icons { color: inherit !important; }
html[data-theme="light"] .v2-btn-danger { background-color: #b3261e !important; border-color: #b3261e !important; color: #fff !important; }

/* Nav, sidenav, footer */
html[data-theme="light"] nav { background-color: #fff !important; border-bottom-color: var(--border); }
html[data-theme="light"] nav .brand-logo, html[data-theme="light"] nav .sidenav-trigger, html[data-theme="light"] nav .sidenav-trigger i { color: var(--text) !important; }
html[data-theme="light"] nav ul a:hover { background-color: #1D4D68; color: #fff !important; }
html[data-theme="light"] .sidenav { background-color: #fff; }
html[data-theme="light"] .sidenav li > a { color: var(--text) !important; }
html[data-theme="light"] .nav-credits { background: rgba(29, 77, 104, 0.08); }
html[data-theme="light"] .page-footer, html[data-theme="light"] footer { background-color: #eaf1f6 !important; color: var(--text) !important; }

/* Cards / modals / inputs */
html[data-theme="light"] .card, html[data-theme="light"] .card-panel, html[data-theme="light"] .modal { background-color: #fff !important; color: var(--text) !important; border: 1px solid var(--border); }
html[data-theme="light"] .modal .modal-footer { background-color: #f4f8fb !important; }
html[data-theme="light"] .collection, html[data-theme="light"] .collection .collection-item { background-color: #fff !important; color: var(--text) !important; border-color: var(--border) !important; }
html[data-theme="light"] .collection a.collection-item:hover { background-color: #eef4f8 !important; }
html[data-theme="light"] select, html[data-theme="light"] .browser-default { color: var(--text); background-color: #fff; }
html[data-theme="light"] .dropdown-content { background-color: #fff; }
html[data-theme="light"] .dropdown-content li > a, html[data-theme="light"] .dropdown-content li > span { color: var(--text) !important; }
html[data-theme="light"] .tabs { background-color: transparent; }
html[data-theme="light"] .tabs .tab a { color: var(--text-secondary) !important; }
html[data-theme="light"] .tabs .tab a.active, html[data-theme="light"] .tabs .tab a:hover { color: var(--text) !important; }
html[data-theme="light"] .markdown-body code { background-color: rgba(29, 77, 104, 0.08); }
html[data-theme="light"] .markdown-body a { color: #1d5f8a; }

/* Hardcoded dark colours in styles.css */
html[data-theme="light"] #global-network-loader { background: rgba(244, 248, 251, 0.7); }
html[data-theme="light"] #global-page-loader { background: var(--bg) !important; }
html[data-theme="light"] .feature-card .material-icons { background: #e3eef5; }
html[data-theme="light"] .status-new, html[data-theme="light"] .status-uploading,
html[data-theme="light"] .status-analyzing, html[data-theme="light"] .status-awaiting_documents,
html[data-theme="light"] .status-awaiting_strategy, html[data-theme="light"] .status-planning,
html[data-theme="light"] .status-generating, html[data-theme="light"] .status-drafting,
html[data-theme="light"] .status-completed, html[data-theme="light"] .status-submitted { color: #fff !important; }
html[data-theme="light"] .hero-section { border-bottom-color: var(--border); }
html[data-theme="light"] .btn-outline-white { border-color: rgba(18, 48, 63, 0.5) !important; color: var(--text) !important; }

/* v2-specific light tweaks */
html[data-theme="light"] .v2-code { background: rgba(29, 77, 104, 0.08); }
html[data-theme="light"] .v2-chip { background: #fff; }
html[data-theme="light"] .v2-badge-stage { background: #1D4D68; color: #fff; border-color: #1D4D68; }
html[data-theme="light"] .v2-stepper li.current .v2-step-dot { background: #1D4D68; color: #fff; border-color: #1D4D68; }
html[data-theme="light"] .v2-stepper li.current .v2-step-dot .material-icons { color: #fff !important; }
html[data-theme="light"] .v2-step-dot { background: #fff; }
html[data-theme="light"] .v2-theme-num, html[data-theme="light"] .v2-chip-toggle input:checked + span,
html[data-theme="light"] .v2-segmented input:checked + span { background: #1D4D68; color: #fff !important; border-color: #1D4D68; }
html[data-theme="light"] .v2-dl-link:hover { background: #1D4D68; color: #fff !important; }
html[data-theme="light"] .v2-dialog-backdrop { background: rgba(18, 48, 63, 0.45); }
html[data-theme="light"] .v2-dialog, html[data-theme="light"] .v2-popover, html[data-theme="light"] .v2-job { box-shadow: 6px 6px 0 rgba(29, 77, 104, 0.2); }
html[data-theme="light"] .v2-count { color: #fff; }
html[data-theme="light"] .v2-msg-text { background: rgba(29, 77, 104, 0.05); }
html[data-theme="light"] .v2-page .v2-input { background: #fff !important; }
html[data-theme="light"] .v2-rag-light { box-shadow: 0 0 0 4px rgba(0,0,0,0.05); }
html[data-theme="light"] #toast-container .toast { box-shadow: 0 4px 14px rgba(0,0,0,0.2); }