/* ─── TOKENS ─────────────────────────────── */
:root{
  --bg:#f8f7f5;
  --white:#ffffff;
  --border:#e4e1db;
  --muted:#9e9890;
  --ink:#1a1917;
  --ink2:#3f3c38;
  --accent:#005EB8;
  --accent-light:#e8f0fb;
  --green:#15803d;
  --green-light:#e6f4eb;
  --yellow:#FFE500;
  --red:#e5001a;
  --nav-h:56px;
  --ctrl-h:44px;
  --shadow-sm:0 1px 4px rgba(0,0,0,0.07);
  --shadow-md:0 4px 16px rgba(0,0,0,0.1);
  --shadow-lg:0 8px 32px rgba(0,0,0,0.13);
  --radius:10px;
  --radius-sm:7px;
  --transition:0.18s ease;
}

/* ─── BASE ───────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html,body{width:100%;max-width:100%;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
body{
  font-family:'Outfit',sans-serif;
  background:var(--bg);
  color:var(--ink);
  font-size:14px;
  line-height:1.4;
  padding-top:var(--nav-h);
}