:root,
[data-bs-theme="light"] {
    --qis-primary: #0d6efd;
    --qis-surface: #f8f9fa;
    --qis-border: #e9ecef;
    --qis-border-soft: #f1f3f5;
    --qis-muted-bg: #f8f9fa;
    --qis-text: #212529;
}

[data-bs-theme="dark"] {
    --qis-primary: #0d6efd;
    --qis-surface: #121417;
    --qis-border: #343a40;
    --qis-border-soft: #2b3035;
    --qis-muted-bg: #1c1f23;
    --qis-text: #e9ecef;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--qis-surface);
    color: var(--qis-text);
}

main {
    flex: 1;
}

#toast-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1080;
    width: min(360px, calc(100vw - 2rem));
}