:root {
    --color-primary: #0055ff;
    --color-secondary: #f07e26;

    --text-primary: #1a1a1a;

    --surface-secondary: #f2f2f2;

    --border-primary: #e5e5e5;

    --font-family-base: 'Inter', sans-serif;
    --font-size-base: 16px;
    --space-1: 4px;
    --space-2: 8px;

    --brand-color-dark: #12326e;
    --brand-color-light: #286dce;

    --logo-color-icon: var(--brand-color-light);
    --logo-color-text: var(--brand-color-dark);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--brand-color-dark)
}