:root {
    --color-background: #090a0d;
    --color-surface: #111216;
    --color-surface-raised: #17181d;
    --color-surface-hover: #1d1f25;
    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-strong: rgba(255, 255, 255, 0.14);

    --color-text: #f7f7f8;
    --color-text-muted: #9699a3;
    --color-text-subtle: #696c75;

    --color-primary: #ff3131;
    --color-primary-hover: #ff4b4b;
    --color-primary-soft: rgba(255, 49, 49, 0.13);

    --color-success: #49d17d;
    --color-danger: #ff6767;

    --sidebar-width: 272px;
    --sidebar-collapsed-width: 84px;

    --header-height: 116px;

    --radius-small: 10px;
    --radius-medium: 16px;
    --radius-large: 22px;

    --shadow-large:
        0 30px 80px rgba(0, 0, 0, 0.38);

    --transition-fast: 160ms ease;
    --transition-normal: 240ms ease;

    --font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}