:root {
    --color-bg: #f5f6f8;
    --color-surface: #ffffff;
    --color-surface-muted: #f8fafc;
    --color-text: #182230;
    --color-text-muted: #667085;
    --color-border: #e4e7ec;
    --color-primary: #1f4f46;
    --color-primary-hover: #183f38;
    --color-accent: #b99352;
    --color-success: #16865c;
    --color-danger: #b42318;
    --sidebar-width: 264px;
    --header-height: 76px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --shadow-sm: 0 1px 2px rgb(16 24 40 / 5%);
    --shadow-md: 0 12px 28px rgb(16 24 40 / 8%);
    --transition: 180ms ease;
    --content-max: 1280px;
}