/* ────────────────────────────────────────────────────────────────
   Color tokens aligned with the official prototype palette
   (prototype/assets/styles.css). Same hex values across both files.
   ──────────────────────────────────────────────────────────────── */
:root {
    --ai-bg: #f5f8fc; /* prototype bg-2 */
    --ai-panel: #ffffff; /* prototype bg-card */
    --ai-ink: #0d1857; /* prototype text  */
    --ai-muted: #4d5b7d; /* prototype text-2 */
    --ai-soft: #eef3fa; /* prototype bg-3 */
    --ai-line: #e3e9f3; /* prototype line */
    --ai-main: #09aff4; /* prototype clr-main */
    --ai-main-dark: #0a8fc7; /* prototype clr-main-dark */
    --ai-navy: #0d1857; /* prototype clr-accent */
    --ai-danger: #ef4444; /* prototype clr-danger */
    --ai-good: #10b981; /* prototype clr-success */
    --ai-warn: #f59e0b; /* prototype clr-warning */
    --ai-shadow: 0 12px 32px rgba(13, 24, 87, 0.1); /* prototype shadow-lg */
}

/* ── Dark mode — matches prototype [data-ai-theme="dark"] palette ─── */
html[data-ai-theme="dark"] {
    --ai-bg: #060922; /* prototype bg-1 dark */
    --ai-panel: #0d143a; /* prototype bg-card dark */
    --ai-ink: #f0f4ff; /* prototype text dark */
    --ai-muted: #a8b2cc; /* prototype text-2 dark */
    --ai-soft: #11183f; /* prototype bg-3 dark */
    --ai-line: rgba(255, 255, 255, 0.1); /* prototype line dark */
    --ai-main: #09aff4; /* same — accent color stays */
    --ai-main-dark: #0a8fc7;
    --ai-navy: #060922; /* matches body so sidebar blends */
    --ai-good: #10b981;
    --ai-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}