:root {
    --font-sans: "Manrope", "Segoe UI", sans-serif;

    --color-bg: #f5f5f7;
    --color-bg-strong: #ececef;
    --color-surface: #ffffff;
    --color-surface-muted: #f8f8fa;
    --color-surface-raised: #fcfcfd;
    --color-surface-strong: #25262b;
    --color-border: #d7d7dc;
    --color-border-strong: #bfc0c7;
    --color-text: #2c2d33;
    --color-text-muted: #5c5f69;
    --color-text-soft: #7b7f8b;
    --color-primary: #1473e6;
    --color-primary-soft: #e8f1ff;
    --color-primary-strong: #0d66d0;
    --color-accent: #e68619;
    --color-accent-soft: #fff0db;
    --color-success: #12805c;
    --color-success-soft: #e0f3ec;
    --color-warning: #b65f0b;
    --color-warning-soft: #fae7d9;
    --color-danger: #d31510;
    --color-danger-soft: #fde8e7;
    --color-info: #1473e6;
    --color-info-soft: #e8f1ff;

    --shadow-sm: 0 1px 2px rgba(34, 35, 40, 0.06);
    --shadow-md: 0 6px 16px rgba(34, 35, 40, 0.07);
    --shadow-lg: 0 12px 28px rgba(34, 35, 40, 0.08);

    --radius-sm: 6px;
    --radius-md: 6px;
    --radius-lg: 6px;
    --radius-pill: 999px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;

    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 14px;
    --text-md: 18px;
    --text-lg: 22px;
    --text-xl: 30px;
    --text-2xl: 38px;

    --sidebar-width: 280px;
    --topbar-height: 72px;
    --content-max: 1440px;
}