/* Shared desktop/mobile palette sampled from the J&T Law Firm logo. */
:root {
    --brand-color: #00447c;
    --brand-accent: #f6df10;
    --brand-color-hover: color-mix(in srgb, var(--brand-color) 82%, black);
    --brand-color-soft: color-mix(in srgb, var(--brand-color) 15%, white);
    --brand-color-border: color-mix(in srgb, var(--brand-color) 20%, transparent);
    --brand-on-color: #fff;
}