:root {
    --color-bg: #f5f5f5;
    --color-primary: #A74656;
    --color-primary-light: #e7aca6;
    --color-sidebar-bg: #1f1f1f;
    --color-text: #444444;
    --color-text-light: #777777;
    --color-white: #ffffff;
    --color-border: #dddddd;

    --sidebar-width: 260px;
    --navbar-height: 64px;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-round: 999px;

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;

    --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.08);

    --transition-fast: 0.2s ease;

    --font-family-base: "Roboto", "Helvetica Neue", Arial, sans-serif;

    --border-size-avatar: 1.5px;
    --border-color-nav-avatar: #1F1F1F;
    --border-color-side-avatar: #f2f2f2;

}