:root {
    --color-primary: #7ac143;
    --color-primary-dark: #038c3e;
    --color-secondary: #53a67f;
    --color-neutral: #d9d9d9;
    --color-text: #272727;
    --color-bg: #f4f6f9;
    --color-surface: #ffffff;
    --color-surface-soft: #f8fbf6;
    --color-border: rgba(39, 39, 39, 0.08);
    --color-sidebar: #2e2e2e;
    --color-sidebar-text: rgba(255, 255, 255, 0.92);
    --color-sidebar-muted: rgba(255, 255, 255, 0.62);
    --color-sidebar-hover: rgba(255, 255, 255, 0.08);
    --color-sidebar-active: rgb(122 230 38 / 22%);
    --shadow-soft: 0 18px 40px rgba(39, 39, 39, 0.06);
    --shadow-card: 0 10px 30px rgba(39, 39, 39, 0.05);
    --radius-lg: 28px;
    --radius-md: 20px;
    --radius-sm: 14px;
    --sidebar-width: 290px;
}