/* Shared light UI color system. Brand accents never replace semantic feedback. */
:root{
    --color-brand-primary:#2976E8;
    --color-brand-hover:#2885E7;
    --color-brand-secondary:#3295E1;
    --color-brand-accent:#4BA3DE;
    --color-brand-info:#69AEDC;
    --color-brand-muted:#8ABBD9;
    --color-brand-subtle:#A7CBD9;
    --color-brand-soft:#C3D7DB;
    --color-brand-tint:#D8E5E4;
    --color-brand-link:#1D5FBA;
    --color-action:color-mix(in srgb,var(--color-brand-primary) 88%,var(--color-text));
    --color-action-hover:var(--color-brand-link);
    --color-brand-pale:#F3F7FD;
    --color-surface:#FFFFFF;
    --color-media:#000000;
    --color-surface-soft:#F8FAFC;
    --color-surface-muted:#F1F5F9;
    --color-border:#DCE3EB;
    --color-border-strong:#CBD5E1;
    --color-text:#172033;
    --color-muted:#526176;
    --color-success:#15803D;
    --color-success-soft:#F0FDF4;
    --color-success-border:#BBF7D0;
    --color-warning:#92400E;
    --color-warning-soft:#FFFBEB;
    --color-warning-border:#FDE68A;
    --color-error:#B91C1C;
    --color-error-soft:#FEF2F2;
    --color-error-border:#FECACA;
    --color-background-wash:rgba(255,255,255,.06);
    --color-overlay:rgba(15,23,42,.58);
    --color-shadow:rgba(15,23,42,.12);
    --color-brand-ring:rgba(41,118,232,.18);
    --primary:var(--color-brand-primary);
    --accent:var(--color-brand-primary);
    --accent-soft:var(--color-brand-pale);
    --a2m-ice:var(--color-border);
    --a2m-charcoal:var(--color-text);
    --a2m-ink:var(--color-text);
    --a2m-steel:var(--color-muted);
    --a2m-blue:var(--color-brand-link);
    --a2m-white:var(--color-surface);
    --a2m-gray-50:var(--color-surface-soft);
    --a2m-gray-200:var(--color-border);
    --a2m-gray-500:var(--color-muted);
    --a2m-gray-700:var(--color-text);
    --a2m-bg:var(--color-surface);
    --a2m-surface:var(--color-surface);
    --a2m-surface-soft:var(--color-surface-soft);
    --a2m-surface-muted:var(--color-surface-muted);
    --a2m-border:var(--color-border);
    --a2m-text:var(--color-text);
    --a2m-muted:var(--color-muted);
    --a2m-accent:var(--color-brand-primary);
    --a2m-accent-strong:var(--color-brand-link);
    --a2m-accent-soft:var(--color-brand-pale);
    --a2m-secondary:var(--color-brand-link);
    --a2m-secondary-soft:var(--color-brand-pale);
    --a2m-shadow:var(--color-shadow);
}


/* Client financial action accents requested for the app-style portal only. */
body.financial-app{
    --color-financial-pay:#19B7D2;
    --color-financial-pay-soft:#E8F8FC;
    --color-financial-change:#9745CC;
    --color-financial-change-soft:#F4EAFB;
    --color-financial-call:#D93F7A;
    --color-financial-call-soft:#FCEBF2;
    --color-financial-bill:#12AA89;
    --color-financial-bill-soft:#E7F8F2;
}