:root {
  --green: #2fb172;
  --dark: #1f2a2e;
  --muted: #5f6a6a;
  --bg: #f6f8f7;
  --card: #ffffff;
  --border: #e8eeeb;
}

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, sans-serif;
  color: var(--dark);
  background: var(--bg);
}

a { color: inherit; }

.muted { color: var(--muted); }

/* Boutons globaux */
.btn { display: inline-flex; align-items: center; gap:.5rem; padding:.7rem 1rem; border-radius:.7rem; border:1px solid transparent; text-decoration:none; font-weight:600; cursor: pointer; }
.btn:hover { transform: translateY(-1px); transition: transform .08s ease; }
.btn-outline { background:#fff; border-color: var(--border); color: var(--dark); }
.btn-primary { background: var(--green); color:#fff; box-shadow: 0 6px 18px rgba(47,177,114,.25); }
.btn-link { color: var(--dark); opacity:.85; background: transparent; border-color: transparent; }

/* Footer */
footer { color: var(--muted); text-align: center; padding: 2rem 0; }