@tailwind base;
@tailwind components;
@tailwind utilities;

/* ── Dark theme (default) ── */
:root {
    --bg:           #0d1117;
    --surface:      #161b22;
    --border:       #30363d;
    --text-primary: #c9d1d9;
    --text-secondary: #8b949e;
    --accent:       #4aff8c;
    --accent-dim:   rgba(74,255,140,0.1);
    --accent-border: rgba(74,255,140,0.3);
}

/* ── Light theme ── */
html.light {
    --bg:           #f0f6ff;
    --surface:      #ffffff;
    --border:       #d0d7de;
    --text-primary: #1c2128;
    --text-secondary: #57606a;
    --accent:       #0ea5e9;
    --accent-dim:   rgba(14,165,233,0.1);
    --accent-border: rgba(14,165,233,0.3);
}

body {
    background-color: var(--bg);
    color: var(--text-primary);
    transition: background-color 0.2s ease, color 0.2s ease;
}

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }