:root{
    --dy-bg: #F5F7FA;
    --dy-surface: #FFFFFF;
    --dy-surface-soft: #F8FAFC;

    --dy-primary-100: #DCECF7;
    --dy-primary-300: #9EC4E0;
    --dy-primary-500: #3C7FB1;
    --dy-primary-600: #2E6E9D;

    --dy-accent: #19A974;
    --dy-accent-hover: #128A5D;

    --dy-text: #4B5563;
    --dy-text-soft: #6B7280;
    --dy-heading: #1F2937;
    --dy-border: #D9E2EC;
    --dy-danger: #D64545;

    --dy-shadow-sm: 0 6px 18px rgba(15, 23, 42, 0.06);
    --dy-shadow-md: 0 16px 40px rgba(15, 23, 42, 0.08);
    --dy-shadow-focus: 0 0 0 4px rgba(60, 127, 177, 0.16);


    --dy-radius-sm: 8px;
    --dy-radius-md: 10px;
    --dy-radius-lg: 12px;
    --dy-radius-xl: 24px;

    --dy-font: "Inter", "Segoe UI", Arial, sans-serif;

    --dy-fs-xs: 12px;
    --dy-fs-sm: 14px;
    --dy-fs-md: 16px;
    --dy-fs-lg: 18px;
    --dy-fs-xl: 30px;
    --dy-fs-2xl: 36px;
}