:root {
    --accent: #1a73e8;
    --accent-hover: #1557b0;
    --accent-light: #e8f0fe;
    --accent-ultra: #1a73e8;
    --bg: #f5f7fa;
    --bg-white: #ffffff;
    --sidebar-bg: #ffffff;
    --sidebar-width: 240px;
    --right-sidebar-width: 280px;
    --header-height: 56px;
    --footer-height: auto;
    --text-primary: #1a1a2e;
    --text-secondary: #5f6368;
    --text-muted: #9aa0a6;
    --border: #e0e0e0;
    --shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
    --radius: 8px;
    --transition: .18s ease;
    --surface: #f0f0f0;
}

[data-theme="dark"] {
    --accent: #4d9fff;
    --accent-hover: #2d8aff;
    --accent-light: #1a2a3a;
    --accent-ultra: #4d9fff;
    --bg: #0f1117;
    --bg-white: #1a1d27;
    --sidebar-bg: #1a1d27;
    --text-primary: #e8eaed;
    --text-secondary: #9aa0a6;
    --text-muted: #5f6368;
    --border: #2d2d3e;
    --shadow: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);
    --surface: #252836;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
    height: 100%;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    background: var(--bg);
    color: var(--text-primary);
    line-height: 1.5;
}

a { color: inherit; text-decoration: none; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }