@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("vendor/inter/inter-400.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("vendor/inter/inter-500.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("vendor/inter/inter-600.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("vendor/inter/inter-700.woff2") format("woff2");
}

:root {
    color-scheme: dark;
    --color-bg: #20242b;
    --color-sidebar: #181c22;
    --color-surface: #2b313a;
    --color-surface-raised: #323944;
    --color-surface-subtle: #252a32;
    --color-border: #3b424d;
    --color-border-strong: #4a5360;
    --color-text: #f4f6f8;
    --color-text-secondary: #b8c0c8;
    --color-text-muted: #8f99a5;
    --color-primary: #2472d8;
    --color-primary-hover: #72adff;
    --color-primary-button-hover: #2875d8;
    --color-primary-active: #1f68c7;
    --color-primary-soft: rgba(51, 136, 255, 0.14);
    --color-success: #35c58b;
    --color-success-soft: rgba(53, 197, 139, 0.13);
    --color-warning: #f3a847;
    --color-warning-soft: rgba(243, 168, 71, 0.14);
    --color-danger: #ff8f98;
    --color-danger-soft: rgba(240, 100, 112, 0.14);
    --color-white: #ffffff;
    --color-overlay: rgba(8, 11, 15, 0.68);
    --font-family: "Inter", "Segoe UI", Arial, sans-serif;
    --font-size-2xs: 0.625rem;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.8125rem;
    --font-size-md: 0.875rem;
    --font-size-lg: 1rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.75rem;
    --font-size-3xl: 2.25rem;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --line-height-tight: 1.2;
    --line-height-base: 1.55;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 0.625rem;
    --radius-xl: 0.75rem;
    --radius-pill: 999px;
    --shadow-sm: 0 1px 2px rgba(8, 19, 34, 0.1);
    --shadow-md: 0 10px 28px rgba(8, 19, 34, 0.14);
    --shadow-lg: 0 24px 56px rgba(8, 19, 34, 0.2);
    --focus-ring: 0 0 0 3px rgba(51, 136, 255, 0.28);
    --sidebar-width: 16.5rem;
    --sidebar-width-collapsed: 4.75rem;
    --content-max-width: 96rem;
    --control-height: 2.625rem;
    --z-base: 1;
    --z-sticky: 20;
    --z-sidebar: 40;
    --z-overlay: 50;
    --z-modal: 60;
    --z-tooltip: 70;
    --duration-fast: 120ms;
    --duration-base: 200ms;
    --duration-slow: 320ms;
    --ease-standard: cubic-bezier(0.2, 0, 0, 1);
}