:root {
    --primary: #169d93;
    --primary-dark: #08766f;
    --primary-darker: #075f5a;
    --primary-light: #33b4aa;
    --primary-soft: #e7f8f6;
    --primary-soft-strong: #d5f1ee;

    --secondary: #7dbb2e;
    --success: #2fbd82;
    --info: #27a9df;
    --warning: #e9a834;
    --danger: #df5c5c;

    --white: #ffffff;
    --page-background: #f3f7f7;
    --surface: #ffffff;
    --surface-secondary: #f8fbfb;

    --text-primary: #263b3f;
    --text-secondary: #617579;
    --text-muted: #8b9a9d;

    --border-color: #e4ecec;
    --border-color-strong: #d5e2e2;

    --sidebar-width: 282px;
    --topbar-height: 76px;

    --radius-xs: 8px;
    --radius-sm: 11px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 30px;

    --shadow-xs: 0 3px 10px rgba(24, 65, 63, 0.04);
    --shadow-sm: 0 7px 22px rgba(24, 65, 63, 0.07);
    --shadow-md: 0 16px 45px rgba(24, 65, 63, 0.11);
    --shadow-lg: 0 25px 65px rgba(24, 65, 63, 0.16);

    --transition-fast: 160ms ease;
    --transition-normal: 260ms ease;
}