:root {
    --md-primary: #4154f1;
    --md-primary-dk: #012970;
    --md-surface: #ffffff;
    --md-surface-2: #f6f8fb;
    --md-border: #e2e8f0;
    --md-text: #1e293b;
    --md-text-muted: #64748b;
    --md-success: #0d9488;
    --md-warning: #d97706;
    --md-danger: #dc2626;
    --md-radius-sm: 8px;
    --md-radius-md: 12px;
    --md-radius-lg: 16px;
    --md-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
    --md-font: "Nunito", "Open Sans", system-ui, sans-serif;
}
:root {
    --md-color-bg: #f5f7fb;
    --md-color-surface: #ffffff;
    --md-color-surface-muted: #f8fafc;
    --md-color-border: #dbe2ee;
    --md-color-text: #0f172a;
    --md-color-text-muted: #475569;

    --md-color-primary-50: #eef2ff;
    --md-color-primary-100: #dbe4ff;
    --md-color-primary-500: #4154f1;
    --md-color-primary-600: #3345de;
    --md-color-primary-700: #2a39b7;

    --md-color-success-50: #e8f9f0;
    --md-color-success-500: #22a060;
    --md-color-warning-50: #fff7df;
    --md-color-warning-500: #c28103;
    --md-color-danger-50: #ffe9eb;
    --md-color-danger-500: #cf3344;
    --md-color-info-50: #e7f5ff;
    --md-color-info-500: #1570b8;

    --md-radius-sm: 8px;
    --md-radius-md: 12px;
    --md-radius-lg: 16px;
    --md-radius-xl: 20px;

    --md-space-1: 0.25rem;
    --md-space-2: 0.5rem;
    --md-space-3: 0.75rem;
    --md-space-4: 1rem;
    --md-space-5: 1.25rem;
    --md-space-6: 1.5rem;
    --md-space-8: 2rem;

    --md-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.06);
    --md-shadow-md: 0 8px 24px rgba(15, 23, 42, 0.1);
    --md-shadow-focus: 0 0 0 3px rgba(65, 84, 241, 0.24);

    --md-font-family: "Inter", "Nunito", "Open Sans", system-ui, sans-serif;
    --md-font-size-xs: 0.75rem;
    --md-font-size-sm: 0.875rem;
    --md-font-size-md: 1rem;
    --md-font-size-lg: 1.25rem;

    --md-transition-fast: 150ms ease;
    --md-transition-base: 220ms ease;

    --md-z-sticky: 1000;
    --md-z-overlay: 1050;
}