/* ============================================================
   beltonpartners.com - Microsoft / Fluent aligned theme.
   Loaded AFTER kit.css; overrides the Belton "Clear" tokens so the
   partner site reads as Microsoft-flavoured (Segoe UI, communication
   blue, Fluent neutrals + soft elevation). Deliberately distinct from
   belton.co.nz. Accent lives in one token (--red) for an easy revert.
   ============================================================ */
:root{
  /* Fluent neutrals (cool, light) */
  --paper:#faf9f8; --paper2:#f3f2f1; --card:#ffffff;
  --ink:#1b1a19; --ink2:#484644; --mute:#605e5c;

  /* Microsoft communication blue as the primary accent (was Belton red) */
  --red:#0078d4; --red-deep:#106ebe; --red-bar:#004578; --redwash:rgba(0,120,212,.08);

  --line:rgba(0,0,0,.09); --line2:rgba(0,0,0,.16);
  --warm-text:rgba(255,255,255,.95); --warm-mute:rgba(255,255,255,.66);

  /* Segoe UI everywhere (system font, license-safe) */
  --body:"Segoe UI","Segoe UI Variable Text",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --disp:"Segoe UI Semibold","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --mono:"Segoe UI","Segoe UI Variable Text",system-ui,-apple-system,Arial,sans-serif;

  --ms-radius:4px;
}

/* drop the warm paper-grain texture (un-Microsoft) */
.paper-grain{display:none!important}
body{letter-spacing:normal}

/* Fluent: lighter, cleaner heading weights */
h1,h2,h3,h4,.sec-h2,.f-h,.cc-h,.sell-way h4,.msp-punch{font-weight:600;letter-spacing:-.01em}
.ph-hero h1{font-weight:600;letter-spacing:-.015em}
/* labels: clean Segoe semibold, keep the tracked-uppercase rhythm */
.eyebrow,.sec-no,.f-n,.sec-tag,.proof-item span,.wk,.topbar,.cta-pill,nav.mainnav,.hlink,.tag-pill{font-weight:600}

/* Fluent corners */
.fcell,.sell-way,.svc-card,.svc-cta,.form-msg,.cinfo .ci,.tag-pill,
.btn,.cta-pill,.hlink,input,select,textarea{border-radius:var(--ms-radius)}

/* Fluent depth: soft elevation on surfaces */
.fcell,.sell-way,.svc-card{box-shadow:0 1.6px 3.6px rgba(0,0,0,.10),0 .3px .9px rgba(0,0,0,.07);
  transition:box-shadow .2s ease,transform .2s ease,background .25s ease,color .25s ease}
.fcell:hover,.sell-way:hover{box-shadow:0 6px 16px rgba(0,0,0,.13),0 1.2px 4px rgba(0,0,0,.08);transform:translateY(-2px)}
header{box-shadow:0 1px 0 rgba(0,0,0,.05),0 2px 10px rgba(0,0,0,.16)}

/* Fluent primary button: solid blue, darken on hover (not invert-to-white) */
.btn{border:1px solid transparent}
.btn--solid{background:var(--red);border-color:var(--red);color:#fff}
.btn--solid:hover{background:var(--red-deep);border-color:var(--red-deep);color:#fff}
.btn--solid .chev{color:#fff}
.btn--line{border-color:var(--line2);color:var(--ink)}
.btn--line:hover{background:var(--redwash);border-color:var(--red);color:var(--red-deep)}

/* Fluent form fields */
input,select,textarea{border:1px solid var(--line2);background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--red);outline-offset:-1px;border-color:var(--red)}

/* tighten the proof band into clean Fluent stat tiles */
.proof-item b{font-weight:700}