/* ============================================
   Theme tokens — navy + amber (trust / finance)
   Section headings use calm steel (--blue), not bright cyan
   ============================================ */

:root,
[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0c1426;
    --bg-elevated: #131f33;
    --card: #172536;
    --border: #2d415c;
    --border-subtle: #243049;
    --text: #e8ecf4;
    --text-strong: #f8fafc;
    --muted: #94a3b8;
    --accent: #f59e0b;
    --accent-hover: #d97706;
    --accent-text: #0c1426;
    --accent-bg-soft: rgba(245, 158, 11, 0.14);
    --accent-border-soft: rgba(245, 158, 11, 0.38);
    --accent-glow: rgba(245, 158, 11, 0.22);
    --green: #34d399;
    --red: #f87171;
    --blue: #8fa8c8;
    --link: #fbbf24;
    --nav-from: #0c1426;
    --nav-to: #152238;
    --shadow: rgba(0, 0, 0, 0.45);
    --input-bg: #0f1929;
    --tab-active-text: #0c1426;
    --flash-success-bg: rgba(52, 211, 153, 0.12);
    --flash-error-bg: rgba(248, 113, 113, 0.12);
    --flash-info-bg: rgba(245, 158, 11, 0.1);
    --trust-bg: rgba(52, 211, 153, 0.08);
    --trust-border: rgba(52, 211, 153, 0.35);
    --radius: 12px;
    --nav-h: 60px;
}

[data-theme="light"] {
    color-scheme: light;
    --bg: #f4f6f9;
    --bg-elevated: #ffffff;
    --card: #ffffff;
    --border: #dce3ec;
    --border-subtle: #e8edf4;
    --text: #334155;
    --text-strong: #0f172a;
    --muted: #64748b;
    --accent: #d97706;
    --accent-hover: #b45309;
    --accent-text: #ffffff;
    --accent-bg-soft: rgba(217, 119, 6, 0.12);
    --accent-border-soft: rgba(217, 119, 6, 0.28);
    --accent-glow: rgba(217, 119, 6, 0.14);
    --green: #059669;
    --red: #dc2626;
    --blue: #1e3a5f;
    --link: #b45309;
    --nav-from: #ffffff;
    --nav-to: #f8fafc;
    --shadow: rgba(15, 23, 42, 0.07);
    --input-bg: #ffffff;
    --tab-active-text: #ffffff;
    --flash-success-bg: #ecfdf5;
    --flash-error-bg: #fef2f2;
    --flash-info-bg: #fffbeb;
    --trust-bg: #ecfdf5;
    --trust-border: #a7f3d0;
    --radius: 12px;
    --nav-h: 60px;
}