/* callkeel.com shared styles: tokens, base, nav, footer. Page-specific styles live in each page. */
@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Figtree";src:url("fonts/figtree-latin-wght-normal.woff2") format("woff2");font-weight:300 900;font-display:swap}
@font-face{font-family:"DM Mono";src:url("fonts/dm-mono-latin-500-normal.woff2") format("woff2");font-weight:500;font-display:swap}
:root{
  --bg:#eef2f2;--paper:#f8faf9;--ink:#0f1c26;--muted:#4f6170;--line:#cdd7da;
  --deep:#123047;--accent:#e0592a;--accent-ink:#ffffff;--ok:#1f7a55;--ok-soft:#d9efe5;--nudge:#fff1e9;--on-deep:#eef2f2;
  --f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Figtree",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
  --f-mono:"DM Mono",ui-monospace,Menlo,monospace;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0b141b;--paper:#111e27;--ink:#e6eef1;--muted:#97a9b4;--line:#243641;
  --deep:#8fc3e0;--accent:#f07a4c;--accent-ink:#101010;--ok:#5fd09f;--ok-soft:#14342a;--nudge:#3a2016;--on-deep:#0b141b;color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0b141b;--paper:#111e27;--ink:#e6eef1;--muted:#97a9b4;--line:#243641;
  --deep:#8fc3e0;--accent:#f07a4c;--accent-ink:#101010;--ok:#5fd09f;--ok-soft:#14342a;--nudge:#3a2016;--on-deep:#0b141b;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 var(--f-body);padding-inline:16px;padding-block:0 48px}
@media (min-width:600px){body{padding-inline:24px}}
.wrap{max-width:1120px;margin:0 auto}
h1,h2,h3{font-family:var(--f-display);margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:22px}
.logo{display:flex;align-items:center;gap:10px;font:800 20px var(--f-display);letter-spacing:-.01em;text-decoration:none}
.logo svg{width:26px;height:26px;flex:none}
.navlink{font-weight:600;font-size:15px;text-decoration:none;border-bottom:2px solid var(--accent);white-space:nowrap}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-block:28px 0;margin-top:40px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer nav{padding:0;gap:18px;flex-wrap:wrap}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}