:root{
/* base palette — extracted from live site + brand mark */
--jac-teal-900:#005576;
--jac-teal-800:#00405a;
--jac-pink-500:#ed70a0;
--jac-pink-600:#d85a8c;
--jac-white:#ffffff;
--jac-gray-500:#808080;
--jac-black:#000000;
--jac-surface-tint:#f5f9fa;
--jac-surface-neutral:#f6f7f7;
--jac-border:#e3e9ec;
--jac-border-faint:#f0f3f4;
--jac-border-hairline:rgba(0,85,118,.08);
--jac-success:#10b97c;

/* semantic aliases — use these in components */
--color-primary:var(--jac-teal-900);
--color-primary-hover:var(--jac-teal-800);
--color-accent:var(--jac-pink-500);
--color-accent-hover:var(--jac-pink-600);
--color-bg-page:var(--jac-white);
--color-bg-alt:var(--jac-surface-tint);
--color-bg-muted:var(--jac-surface-neutral);
--color-text-primary:var(--jac-teal-900);
--color-text-primary-soft:rgba(0,85,118,.74);
--color-text-muted:var(--jac-gray-500);
--color-text-on-accent:var(--jac-white);
--color-text-on-dark:var(--jac-white);
--color-text-on-dark-muted:rgba(255,255,255,.78);
--color-border:var(--jac-border);
--color-border-faint:var(--jac-border-faint);
/* hairline — pairs with the light tinted shadows to define a card without weight */
--color-border-hairline:var(--jac-border-hairline);
--color-success:var(--jac-success);
--color-selection:rgba(237,112,160,.28);

/* accent + primary tints — icon tiles, highlight fills, selection states */
--tint-accent-08:rgba(237,112,160,.08);
--tint-accent-10:rgba(237,112,160,.1);
--tint-accent-12:rgba(237,112,160,.12);
--tint-accent-14:rgba(237,112,160,.14);
--tint-accent-18:rgba(237,112,160,.18);
--tint-primary-07:rgba(0,85,118,.07);
--tint-primary-10:rgba(0,85,118,.1);
}