/* Jackwell Finance — shared site stylesheet
   Canonical design tokens, reset, and base utilities used by every page.
   Page-specific styles remain in each page's <style> block. */

:root{
  --cream:#FAF7F2;--cream-dark:#F2EDE4;--white:#FFFFFF;
  --charcoal:#1C1C1C;--graphite:#3A3A3A;--mid:#6B6B6B;--light:#6E6E6E;
  --rule:#E5DFD6;--rule-dark:#CEC6B8;
  --accent:#C4873A;--accent-dark:#A5712F;--accent-aa:#7A5020;
  --accent-light:#F5E6D0;--accent-xlight:#FBF3E8;
  --green:#27744B;--error:#C0392B;
  --font-display:'Playfair Display',Georgia,'Times New Roman',serif;
  --font-body:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;
  --nav-h:72px;
  --r-sm:6px;--r-md:10px;--r-lg:16px;
  --shadow-sm:0 1px 4px rgba(0,0,0,.06);
  --shadow-md:0 4px 20px rgba(0,0,0,.08);
  --shadow-lg:0 12px 48px rgba(0,0,0,.12);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);background:var(--cream);color:var(--charcoal);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}
.skip-link{position:absolute;top:-100%;left:16px;background:var(--charcoal);color:var(--white);padding:8px 16px;border-radius:0 0 6px 6px;font-size:13px;font-weight:600;z-index:9999;transition:top .2s}
.skip-link:focus{top:0}

.container{max-width:1160px;margin:0 auto;padding:0 24px}
.container--narrow{max-width:780px;margin:0 auto;padding:0 24px}

.footer__phone{margin-top:14px;font-size:14px;font-weight:600}
.footer__phone a{display:inline-flex;align-items:center;gap:8px;color:var(--accent);transition:color .15s}
.footer__phone a::before{content:"\260E";font-weight:400;color:var(--accent)}
.footer__phone a:hover{color:var(--white)}

.hero__phone,.page-header__phone{margin-top:18px;font-size:14px;color:rgba(255,255,255,.55)}
.hero__phone a,.page-header__phone a{color:var(--accent);font-weight:600;border-bottom:1px solid transparent;transition:border-color .15s,color .15s}
.hero__phone a:hover,.page-header__phone a:hover{color:var(--white);border-bottom-color:var(--accent)}