/* ===== RESET ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* ===== ROOT VARIABLES ===== */
:root {
  --bg-white: #ffffff;
  --text-dark: #1a1a1a;
  --text-muted: #6b7280;
  --accent: #2563eb;
  --border-light: #e5e7eb;
  --max-width: 1200px;
  --radius: 10px;
}

/* ===== BODY ===== */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  background: var(--bg-white);
  color: var(--text-dark);
  line-height: 1.5;
}

/* ===== CONTAINER ===== */
.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 12px;   /* was 20px */
}

/* ===== LINKS ===== */
a {
  text-decoration: none;
  color: inherit;
}