:root {
  --font-size-base: 16px;
  --font-scale: 1;
  --color-bg: #ffffff;
  --color-fg: #111111;
  --color-accent: #3b82f6;
  --color-muted: #6b7280;
  --focus-ring: 2px solid #3b82f6;
}

* { box-sizing: border-box; }
html { font-size: calc(var(--font-size-base) * var(--font-scale)); }
body {
  margin: 0;
  color: var(--color-fg);
  background: var(--color-bg);
  font-family: 'Lexend', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.5;
}

img { max-width: 100%; height: auto; }
a { color: var(--color-accent); text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

h1, h2, h3 { line-height: 1.2; }
p { margin: 0 0 1rem; }

button, input, select { font-family: inherit; font-size: 1rem; }
button { cursor: pointer; }

/* Basic containers */
.container { width: 100%; max-width: 1100px; margin: 0 auto; padding: 1rem; }
.lead { color: var(--color-muted); }