:root {
  --color-primary: #111827;
  --color-secondary: #374151;
  --color-accent: #16a34a;
  --color-bg: #ffffff;
  --color-text: #111827;
  --color-muted: #6b7280;
  --radius: 12px;
  --shadow: 0 4px 12px rgba(0,0,0,.08);
}

body {
  background: var(--color-bg);
  color: var(--color-text);
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

.container {
  width: min(1140px, 100% - 2rem);
  margin-inline: auto;
}

.card {
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}