:root {
    --brand-primary: #334155;
    --brand-primary-hover: #1E293B;
    --brand-secondary: #059669;
    --warning: #DC2626;
    --info-bg: #F2F3F4;
    --page-bg: #F8FAFC;
    --card-bg: #FFFFFF;
    --border-color: #E6E8EA;
    --text-primary: #0F172A;
    --text-secondary: #475569;
    --brand-on-primary: #FFFFFF;
    --hero-image-desktop: url("/images/hero-catalyst.jpg");
    --hero-image-mobile: url("/images/hero-catalyst.jpg");
}