/* Shared design tokens for the V2 portal and authentication experiences. */

:root {
    --portal-font-family: "Open Sans", Arial, sans-serif;
    --color-primary: #003B71;
    --color-secondary: #0B5FA5;
    --color-accent: #F04B2F;
    --color-light-neutral: #F8F9FA;
    --color-dark-neutral: #212529;
    --color-text-primary: #344767;
    --color-text-secondary: #67748E;
    --color-border: #E9ECEF;
    --color-surface: #FFFFFF;
    --color-error: #FF3E3E;
    --status-success-color: #2F8F6B;
    --status-success-background: rgba(47, 143, 107, .12);
    --status-warning-color: #A05A00;
    --status-warning-background: rgba(245, 158, 11, .14);
    --status-danger-color: #B42318;
    --status-danger-background: rgba(180, 35, 24, .1);
    --status-info-color: #005A9E;
    --status-info-background: rgba(0, 120, 212, .1);
    --status-neutral-color: #5E6A78;
    --status-neutral-background: #EEF1F4;
    --portal-text-primary: var(--color-text-primary);
    --portal-text-secondary: var(--color-text-secondary);
    --portal-title-size: 3rem;
    --portal-heading-size: 2.25rem;
    --portal-heading2-size: 1.5rem;
    --portal-subtitle-size: 1.125rem;
    --portal-normal-size: 1rem;
}

@media (max-width: 575.98px) {
    :root {
        --portal-title-size: calc(1.425rem + 2.1vw);
        --portal-heading-size: calc(1.35rem + 1.2vw);
        --portal-heading2-size: calc(1.275rem + .3vw);
        --portal-subtitle-size: 1rem;
        --portal-normal-size: .875rem;
    }
}