:root {
    --blue: #3484C4;
    --blue-dark: #2a6ba3;
    --blue-50: #EFF6FF;
    --blue-100: #DBEAFE;
    --blue-200: #BFDBFE;
    --bg-page: #F8FAFC;
    --slate-50: #F8FAFC;
    --slate-100: #F1F5F9;
    --slate-200: #E2E8F0;
    --slate-300: #CBD5E1;
    --slate-400: #94A3B8;
    --slate-500: #64748B;
    --slate-600: #475569;
    --slate-700: #334155;
    --slate-800: #1E293B;
    --slate-900: #0F172A;

    --accent-purple: #6D28D9;
    --accent-purple-bg: #F5F3FF;
    --accent-purple-bd: #EDE9FE;
    --accent-amber: #92400E;
    --accent-amber-bg: #FFFBEB;
    --accent-amber-bd: #FEF3C7;
    --accent-green: #15803D;
    --accent-green-bg: #F0FDF4;
    --accent-green-bd: #DCFCE7;
    --accent-pink: #BE185D;
    --accent-pink-bg: #FDF2F8;
    --accent-pink-bd: #FCE7F3;
    --accent-teal: #0F766E;
    --accent-teal-bg: #F0FDFA;
    --accent-teal-bd: #CCFBF1;
}

html {
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}