:root{
  --fg:#323232;
  --muted:#6F7573;
  --border:#E1E3E2;
  --accent:#5EBE7B;
  --bg:#FFFFFF;
  --bg-soft:#FAFAFA;
  --radius:18px;
  --shadow:0 10px 30px rgba(0,0,0,0.06);
}
*{box-sizing:border-box}
body{color:var(--fg);background:var(--bg);}
a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
a:hover{color:var(--accent);border-bottom-color:var(--accent);}
.pill{border:1px solid var(--border);border-radius:999px;background:var(--bg);}
.lang a:hover,
nav a:hover{color:var(--accent);border-bottom-color:var(--accent);}
.btn{border:1px solid var(--fg);color:var(--fg);background:transparent;border-bottom:0;}
.btn:hover{border-color:var(--accent);color:var(--fg);border-bottom-color:transparent;}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--fg);}
.btn.primary:hover{background:var(--accent);color:var(--bg);}
:focus-visible{
  outline: 3px solid rgba(94,190,123,0.45);
  outline-offset: 3px;
  border-radius: 10px;
}
.card,
.linkCard,
.table-wrap{border-color:var(--border);border-radius:var(--radius);background:var(--bg-soft);}
.linkCard:hover{box-shadow:var(--shadow);}
.heroImg,
.gallery img{border-color:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);}