/* ============================================================ TOKENS — design variables, shared by every page. Per-role theming: set data-theme="blue|gold|green" on to recolor the accent. The engine sets this from the role config. ============================================================ */ :root{ --bg:#F7F5F0;--sf:#fff;--sf2:#F0EDE6; --tx:#1A1714;--tx2:#6B6560;--tx3:#A09B96; --ac:#1B4FDB;--al:#E8EEFB;--ad:#0E2F8A; --go:#B8720F;--gl:#FBF3E2; --gn:#1A7A4A;--gnl:#E3F4EC; --rd:#C13030;--rl:#FBEAEA; --or:#C05E0A;--ol:#FDF0E6; --br:rgba(26,23,20,.1);--br2:rgba(26,23,20,.05); --r:12px;--rs:8px; --fd:'DM Serif Display',Georgia,serif;--fb:'DM Sans',system-ui,sans-serif; --sh:0 1px 3px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.04); --shl:0 8px 32px rgba(0,0,0,.08); --maxw:940px; } /* Theme: gold (Corporate Insurance) */ :root[data-theme="gold"]{ --ac:#B8720F;--al:#FBF3E2;--ad:#8A5208; } /* Theme: green (Sales & Advisory) */ :root[data-theme="green"]{ --ac:#1A7A4A;--al:#E3F4EC;--ad:#0F5733; } /* Theme: blue is the default (Home Loan) — no override needed */ @media (prefers-reduced-motion: reduce){ *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important} }