/* ================================================================
   DESIGN TOKENS
================================================================ */
:root {
  --ink: #111210;
  --ink-70: rgba(17,18,16,.7);
  --ink-40: rgba(17,18,16,.4);
  --ink-12: rgba(17,18,16,.12);
  --ink-06: rgba(17,18,16,.06);
  --page: #f4f1e8;
  --page-2: #ece9df;
  --page-3: #e4e1d6;
  --white: #ffffff;
  --green: #1b4d30;
  --green-2: #2d7a4f;
  --green-3: #3baa68;
  --green-bg: rgba(59,170,104,.12);
  --green-border: rgba(59,170,104,.25);
  --gold: #b8851f;
  --gold-bg: rgba(184,133,31,.1);
  --red: #b93232;
  --red-bg: rgba(185,50,50,.08);
  --blue: #1d5fa8;
  --blue-bg: rgba(29,95,168,.08);
  --r: 14px;
  --r-sm: 8px;
  --r-xs: 5px;
  --shadow: 0 1px 4px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.06);
  --shadow-md: 0 2px 8px rgba(0,0,0,.08), 0 8px 24px rgba(0,0,0,.08);
  --shadow-lg: 0 4px 16px rgba(0,0,0,.1), 0 16px 48px rgba(0,0,0,.1);
  --sidebar-w: 224px;
  --topbar-h: 60px;
  --transition: .18s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--page);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font-family:inherit;border:none;outline:none}
input,textarea,select{font-family:inherit;outline:none}
img{max-width:100%;display:block}
h1,h2,h3,h4,h5,h6{font-family:'Syne',sans-serif;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
ul{list-style:none}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-thumb{background:var(--ink-12);border-radius:2px}