/* MIO-N Brand Theme (drop-in) */
:root{
  /* Palette: Ivory / Forest / Mocha / Sage / Gold */
  --bg:#FFFAF1;
  --fg:#2C2A28;
  --accent:#2F5E4F;   /* Forest */
  --accent-2:#8AA58E; /* Sage */
  --ink:#3A332E;      /* Mocha */
  --card:#FFFFFF;
  --border:#EDE6DB;
  --gold:#C3A66A;
}
body{background:var(--bg);color:var(--fg)}
.brand a,.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em}
.brand img{height:28px;width:auto;display:block}
.header{background:rgba(255,250,241,.9);border-bottom:1px solid var(--border)}
.menu a{border-radius:10px}
.menu a:hover{background:rgba(47,94,79,.08);text-decoration:none}
.menu a.active{background:var(--accent);color:#fff}
.btn{background:var(--accent);color:#fff;border-radius:12px;padding:10px 16px;box-shadow:0 2px 0 rgba(0,0,0,.06)}
.btn:hover{transform:translateY(-1px)}
.btn.outline{background:#fff;color:var(--accent);border:1px solid var(--accent)}
.badge{background:#EAF1EC;color:var(--accent)}
.card{border-radius:18px;box-shadow:0 4px 16px rgba(0,0,0,.04)}
.kv{border-radius:18px}
footer{border-top:1px solid var(--border)}
footer .container{color:#7B756E}
small{color:#7B756E}
/* Accent underline for h1 */
h1{position:relative}
h1::after{content:"";position:absolute;left:0;bottom:-8px;width:56px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--gold))}