/* ===== CSS VARIABLES ===== */
:root{
    --bg:#FFFFFF;
    --bg-secondary:#F7F7F5;
    --bg-tertiary:#F0F0EE;
    --border:#E8E8E5;
    --border-light:#F0F0EE;
    --text:#37352F;
    --text-secondary:#6B6B6B;
    --text-tertiary:#9B9A97;
    --green:#2EA043;
    --green-light:#DAFBE1;
    --green-bg:rgba(46,160,67,.06);
    --green-dark:#1A7F37;
    --blue:#2F81F7;
    --blue-light:#DDF4FF;
    --orange:#E16F24;
    --orange-light:#FFF3E0;
    --radius:8px;
    --radius-lg:12px;
    --radius-xl:16px;
    --shadow-xs:0 1px 2px rgba(0,0,0,.04);
    --shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
    --shadow-md:0 4px 12px rgba(0,0,0,.06);
    --shadow-lg:0 12px 40px rgba(0,0,0,.08);
    --transition:0.2s ease;
}

/* ===== DARK MODE ===== */
[data-theme="dark"]{
    --bg:#191919;
    --bg-secondary:#202020;
    --bg-tertiary:#2A2A2A;
    --border:#2E2E2E;
    --border-light:#2A2A2A;
    --text:#E8E8E6;
    --text-secondary:#9B9B9B;
    --text-tertiary:#6B6B6B;
    --green:#3FB950;
    --green-light:rgba(63,185,80,.12);
    --green-bg:rgba(63,185,80,.08);
    --green-dark:#56D364;
    --blue:#58A6FF;
    --blue-light:rgba(88,166,255,.12);
    --orange:#F0883E;
    --orange-light:rgba(240,136,62,.12);
    --shadow-xs:0 1px 2px rgba(0,0,0,.2);
    --shadow-sm:0 1px 3px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.2);
    --shadow-md:0 4px 12px rgba(0,0,0,.3);
    --shadow-lg:0 12px 40px rgba(0,0,0,.4);
}
[data-theme="dark"] em{color:var(--green-dark)}
[data-theme="dark"] ::selection{background:rgba(63,185,80,.3);color:#fff}