/* ============================================================
   Theme tokens — dark/light via [data-theme]
   ============================================================ */
:root[data-theme="light"] {
    --bg:           #ffffff;
    --surface:      #ffffff;
    --surface-2:    #f4f6fa;
    --surface-3:    #eef1f6;
    --fg:           #1a2233;
    --heading:      #0b1220;
    --muted:        #5b6478;
    --border:       #e3e7ee;
    --border-strong:#cdd3de;

    --accent:       #2563eb;
    --accent-hover: #1d4ed8;
    --accent-ring:  rgba(37, 99, 235, .18);

    --code-bg:      #f6f8fb;
    --code-fg:      #1a2233;
    --code-inline-bg: #eef1f6;
    --code-inline-fg: #c7254e;

    --shadow-sm: 0 1px 2px rgba(15,23,42,.06);
    --shadow:    0 4px 14px rgba(15,23,42,.08);
    --shadow-lg: 0 14px 40px rgba(15,23,42,.14);

    --alert-warning-bg:#fff8e1; --alert-warning-bd:#f5d97e; --alert-warning-fg:#7c5a00;
    --alert-danger-bg: #ffe8e6; --alert-danger-bd: #f5a3a0; --alert-danger-fg: #8a1a16;
    --alert-purple-bg: #f3eafe; --alert-purple-bd: #c9aaf4; --alert-purple-fg: #4a2382;
    --alert-success-bg:#e6f7ec; --alert-success-bd:#9bd6ad; --alert-success-fg:#1d6b35;
    --alert-info-bg:   #e6f1fe; --alert-info-bd:   #a4c8f5; --alert-info-fg:   #0c4a8d;
}

:root[data-theme="dark"] {
    --bg:           #1c1c1c;
    --surface:      #242424;
    --surface-2:    #2d2d2d;
    --surface-3:    #363636;
    --fg:           #d7dde9;
    --heading:      #ffffff;
    --muted:        #8b94a8;
    --border:       #333333;
    --border-strong:#484848;

    --accent:       #f5c542;
    --accent-hover: #fcd34d;
    --accent-ring:  rgba(245, 197, 66, .25);

    --code-bg:      #161616;
    --code-fg:      #e6e9f1;
    --code-inline-bg: #2a2a2a;
    --code-inline-fg: #ffb454;

    --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
    --shadow:    0 4px 14px rgba(0,0,0,.45);
    --shadow-lg: 0 14px 40px rgba(0,0,0,.55);

    --alert-warning-bg:#3a2a08; --alert-warning-bd:#7a5a13; --alert-warning-fg:#f5d97e;
    --alert-danger-bg: #3a1714; --alert-danger-bd: #8a2520; --alert-danger-fg: #f5a3a0;
    --alert-purple-bg: #2a1c44; --alert-purple-bd: #5b3da0; --alert-purple-fg: #d4baff;
    --alert-success-bg:#0f2c1c; --alert-success-bd:#1d6b35; --alert-success-fg:#b9e5c4;
    --alert-info-bg:   #102945; --alert-info-bd:   #1c4a85; --alert-info-fg:   #b5d4ff;
}

/* Theme toggle icon swap */
:root[data-theme="dark"]  .theme-icon-light { display: none; }
:root[data-theme="light"] .theme-icon-dark  { display: none; }
:root[data-theme="auto"]  .theme-icon-dark  { display: none; }