/* themes.css — CSS var overrides per theme class (toggled by JS theme.js) */

.theme-dark {
    --accent: #00d4aa; --accent-rgb: 0,212,170;
    --bg: #0c0e14; --bg-2: #13151f; --bg-3: #1c1f2e;
    --ink: #eceef5; --ink-muted: #6b7099;
    --border: rgba(255,255,255,0.07); --border-hi: rgba(255,255,255,0.13);
}

.theme-light {
    --accent: #009e80; --accent-rgb: 0,158,128;
    --bg: #f4f6fb; --bg-2: #ffffff; --bg-3: #eaedf5;
    --ink: #111320; --ink-muted: #6b7099;
    --border: rgba(0,0,0,0.08); --border-hi: rgba(0,0,0,0.14);
}

.theme-amoled {
    --accent: #00d4aa; --accent-rgb: 0,212,170;
    --bg: #000000; --bg-2: #080808; --bg-3: #111111;
    --ink: #ffffff; --ink-muted: #707070;
    --border: rgba(255,255,255,0.06); --border-hi: rgba(255,255,255,0.11);
}

.theme-sepia {
    --accent: #7a5c3a; --accent-rgb: 122,92,58;
    --bg: #f2e8d6; --bg-2: #eae0cc; --bg-3: #ddd4bc;
    --ink: #4a3728; --ink-muted: #8b7355;
    --border: rgba(0,0,0,0.09); --border-hi: rgba(0,0,0,0.16);
}

/* Tailwind bg-bg / text-ink utilities track these vars */
.theme-dark  body, .theme-amoled body { background: var(--bg); color: var(--ink); }
.theme-light body, .theme-sepia  body { background: var(--bg); color: var(--ink); }