: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;

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

    --br: 0.5rem;
}