/* TOKENS */
:root { --surface:#616161; --ink-muted:#9aaa9e; --teal:#02D0CD; --border:rgba(255,255,255,0.09); --font-body:'DM Sans',system-ui,sans-serif; }
body.light { --surface:#e8e4dd; --ink-muted:#5a5a55; --teal:#019997; --border:#d4cfc6; }

/* FOOTER */
footer { border-top:1px solid var(--border); background:var(--surface); padding:18px 0; font-size:12px; }
footer .container { display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; gap:12px; }
footer .f-left { color:var(--ink-muted); }
footer .f-center { text-align:center; color:var(--ink-muted); }
footer .f-right { text-align:right; }
footer a { color:var(--ink-muted); }
footer a:hover { color:var(--teal); }

@media (max-width:768px) {
  footer .container { grid-template-columns:1fr; text-align:center; }
  footer .f-left,footer .f-right { text-align:center; }
}