:root {
    --bg-page: #1a1b1f;
    --bg-page-2: #15161a;
    --ui-bg: #25262c;
    --ui-bg-2: #2c2e35;
    --text-main: #e8eaef;
    --text-muted: #8b92a3;
    --border-color: #3a3d45;
    --separator: #3a3d45;
    --card-hover: #32353d;
    --accent: #6b7280;
    --accent-2: #9ca3af;
    --ok: #7a9e86;
    --warn: #c4a574;
    --danger: #c47a7a;
    --info: #7a8fb0;
    --run: #4aa3a0;
    --queue: #8b7ec8;
    --pause: #d4a04a;
    --stop: #8b92a3;
    --topbar-bg: #25262c;
    --topbar-fg: #e8eaef;
    --topbar-border: #3a3d45;
    --input-bg: #1e1f24;
    --font: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, ui-monospace, monospace;
}

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

html, body {
    margin: 0;
    min-height: 100vh;
    max-width: 100%;
    overflow-x: hidden;
    background: var(--bg-page);
    color: var(--text-main);
    font-family: var(--font);
    font-size: 13px;
    line-height: 1.45;
    color-scheme: dark;
}
body.confirm-open { overflow: hidden; }

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font-family: inherit; color: inherit; }
button {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
}
.hidden { display: none !important; }