:root {
    --c-bg: #f3f4f2;
    --c-surface: #ffffff;
    --c-surface-2: #eceeea;
    --c-text: #1f252b;
    --c-text-muted: #616a73;
    --c-border: #d4d9d4;

    --c-primary: #3a5568;
    --c-primary-hover: #2b4251;
    --c-edit: #2d6bb5;
    --c-edit-hover: #1f5296;
    --c-success: #2f6f57;
    --c-warning: #8f6a2e;
    --c-danger: #9b4545;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 9999px;

    --shadow-sm: 0 1px 2px rgba(17, 24, 39, 0.05);
    --shadow-md: 0 8px 20px rgba(17, 24, 39, 0.06);
    --shadow-lg: 0 14px 28px rgba(17, 24, 39, 0.08);

    --font-sans: "Poppins", "Segoe UI", system-ui, -apple-system, sans-serif;
    --font-display: "Varela Round", "Poppins", "Segoe UI", system-ui, sans-serif;
    --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

    --bp-sm: 480px;
    --bp-md: 768px;
    --bp-lg: 1024px;
    --bp-xl: 1440px;

    --z-dropdown: 100;
    --z-sticky: 200;
    --z-modal: 1000;
    --z-toast: 1100;
}