:root {
    --font-sans: Arial, Helvetica, sans-serif;

    --brand-50: #F4F8FB;
    --brand-100: #E4EFF6;
    --brand-200: #CEE2EF;
    --brand-300: #A6CDE4;
    --brand-400: #67ACD3;
    --brand-500: #3498CA;
    --brand-600: #007EB3;
    --brand-700: #006B9A;
    --brand-800: #00597F;
    --brand-900: #054866;
    --brand-950: #003047;

    --ink: #111827;
    --ink-muted: #4B5563;
    --surface: #FFFFFF;
    --surface-alt: #F3F4F6;
    --line: #E5E7EB;

    --good-50: #ECFDF3;
    --good-700: #067647;
    --warn-50: #FFFAEB;
    --warn-200: #FEDF89;
    --warn-500: #F79009;
    --warn-700: #B54708;
    --bad-50: #FEF3F2;
    --bad-700: #B42318;
    --bad-800: #912018;

    --shadow: 0 1px 20px rgba(0, 0, 0, 0.1);

    --br: 0.5rem;
}