/* ── Theme Variables ─────────────────────────
   Shared between index.html and 404.html */
:root {
    --bg: #0d1117;
    --bg-sidebar: #161b22;
    --bg-card: #161b22;
    --bg-titlebar: #010409;
    --border: #30363d;
    --border-light: #21262d;

    --text: #e6edf3;
    --text-muted: #7d8590;
    --text-dim: #484f58;

    /* Syntax colours */
    --c-keyword: #ff7b72;
    --c-fn: #d2a8ff;
    --c-string: #a5d6ff;
    --c-prop: #ffa657;
    --c-num: #79c0ff;
    --c-comment: #6e7681;

    /* Accent / tag colours */
    --c-blue: #58a6ff;
    --c-green: #3fb950;
    --c-orange: #d29922;
    --c-purple: #bc8cff;
    --c-pink: #f778ba;

    --status-bg: #1f6feb;
    --status-text: #cae8ff;

    --font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;
    --font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;

    /* Layout dimensions */
    --titlebar-h: 32px;
    --statusbar-h: 22px;
    --activitybar-w: 48px;
    --sidebar-w: 220px;
    --tab-h: 36px;
    --win-btn-w: 46px;
    --act-btn-size: 36px;
}

.light-mode {
    --bg: #f5f5f5;
    --bg-sidebar: #e8e8e8;
    --bg-card: #ffffff;
    --bg-titlebar: #dddddd;
    --border: #cccccc;
    --border-light: #e0e0e0;

    --text: #1e1e1e;
    --text-muted: #616161;
    --text-dim: #9e9e9e;

    /* Syntax colours */
    --c-keyword: #d73a49;
    --c-fn: #6f42c1;
    --c-string: #032f62;
    --c-prop: #e36209;
    --c-num: #005cc5;
    --c-comment: #6a737d;

    /* Accent / tag colours */
    --c-blue: #0969da;
    --c-green: #1a7f37;
    --c-orange: #9a6700;
    --c-purple: #8250df;
    --c-pink: #c21c6e;

    --status-bg: #0969da;
    --status-text: #ffffff;
}