:root {
    --bg: #f6f7fb;
    --surface: #fff;
    --surface2: #f9fafc;
    --text: #202638;
    --muted: #737b91;
    --line: #e8eaf1;
    --brand: #3659e9;
    --brand2: #6548e8;
    --mint: #45c79a;
    --cyan: #39b9d0;
    --orange: #f4a340;
    --red: #ef6469;
    --blue: #5878ee;
    --shadow: 0 16px 38px rgba(29,42,78,.08);
    --shadow-sm: 0 7px 20px rgba(29,42,78,.06);
    --r: 20px;
    --r2: 14px;
    --sidebar: 252px;
}

* {
    box-sizing: border-box;
}

html,body {
    margin: 0;
    min-height: 100%;
    font-family: Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color: var(--text);
    background: var(--bg);
}

body {
    font-size: 14px;
    line-height: 1.45;
}

button,input,select,textarea {
    font: inherit;
}

button {
    cursor: pointer;
}

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

.hidden {
    display: none!important;
}

body.theme-dark {
    --bg: #09111f;
    --surface: #0f1b2d;
    --surface2: #142238;
    --text: #eef3fb;
    --muted: #9ba8bc;
    --line: #23334a;
    --shadow: 0 16px 40px rgba(0,0,0,.23);
    --shadow-sm: 0 8px 22px rgba(0,0,0,.18);
}