/* C:\laragon\www\TenRusl-DiffView\assets\css\theme.css */
/* ==============================
   THEME TOKENS & GLOBAL RESETS
   File: theme.css
   ============================== */

:root {
    --bg: #0b0d12;
    --panel: #10131a;
    --surface: #0f172a;
    --text: #e6e9ee;
    --muted: #97a0ae;
    --brand: #8b5cf6;
    --brand-strong: #7c3aed;
    --ring: #a78bfa;
    --border: rgba(148, 163, 184, 0.18);
    --shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}
:root.light {
    --bg: #f6f8fb;
    --panel: #ffffff;
    --surface: #f1f5f9;
    --text: #0f172a;
    --muted: #6b7280;
    --border: rgba(15, 23, 42, 0.12);
    --shadow: 0 8px 24px rgba(2, 6, 23, 0.08);
}

* {
    box-sizing: border-box;
}
html,
body {
    height: 100%;
}
body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font: 14px/1.5 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji",
        "Segoe UI Emoji";
}
:focus {
    outline: none;
}
:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 2px;
}
.no-js body {
    visibility: hidden;
}

/* Global scrollbars */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.35) transparent;
}
*::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}
*::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.35);
    border-radius: 999px;
}
*::-webkit-scrollbar-track {
    background: transparent;
}