:root {
    --color-bg: #111827;
    --color-bg-soft: #172033;
    --color-surface: #1f2937;
    --color-surface-muted: #243044;
    --color-surface-hover: #2f3b52;
    --color-border: #374151;
    --color-border-strong: #4b5563;
    --color-text: #f9fafb;
    --color-text-soft: #d1d5db;
    --color-text-muted: #9ca3af;
    --color-primary: #38bdf8;
    --color-primary-strong: #0ea5e9;
    --color-primary-soft: rgba(56, 189, 248, 0.14);
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #3b82f6;
    --radius: 8px;
    --radius-sm: 6px;
    --padding: 20px;
    --padding-sm: 12px;
    --gap: 16px;
    --gap-sm: 10px;
    --font-size: 14px;
    --font-size-sm: 12px;
    --sidebar-width: 248px;
    --sidebar-width-collapsed: 64px;
    --shadow: 0 18px 44px rgba(0, 0, 0, 0.24);
    --focus-ring: 0 0 0 3px rgba(56, 189, 248, 0.2);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    scrollbar-width: thin;
    scrollbar-color: var(--color-border-strong) transparent;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-track {
    background: transparent;
}

*::-webkit-scrollbar-thumb {
    background: var(--color-border-strong);
    border-radius: 999px;
}

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh;
    background: var(--color-bg);
    color: var(--color-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: var(--font-size);
    line-height: 1.5;
}

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