:root{
--bg:#faf7f2;--surface:#ffffff;--elevated:#f2ede4;
--text:#171410;--muted:#5d574e;--border:rgba(23,20,16,.14);
--accent:#003366;--accent-btn:#003366;--accent-text:#003366;--ink:#ffffff;--glow:rgba(0,51,102,0.20);--soft:rgba(0,51,102,0.13);
/* Minimum comfortable hit area. Referenced by every interactive rule so a
tap target can never regress below the 44px WCAG/iOS floor. */
--tap:44px;
/* Translucent chrome derived from the direction's own background. Hardcoding
rgba(10,10,11,.62) here put dark text on a dark nav (1.08:1) the moment a
light direction shipped. */
--nav-bg:rgba(250,247,242,0.72);--hairline:rgba(0,0,0,.14);
--font:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
--font-display:'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,serif;
--w-display:400;--w-body:400;
--track-display:-.01em;
--texture:radial-gradient(1200px 500px at 80% -10%, rgba(138,51,36,.06), transparent 60%);
--maxw:1200px;--r:3px;--r-lg:5px;--ease:cubic-bezier(.4,0,.2,1);
color-scheme:light;
}
UK Mortgage Repayment Calculator
Calculate monthly repayments and total interest for UK mortgages based on property price, deposit, rate, and term.