:root {
  --primary: #bf3030;
  --primary-dark: #941f1f;
  --secondary: #4284d3;
  --accent: #f3b33f;
  --heading: #111827;
  --text: #273142;
  --text-muted: #5f6b7a;
  --surface: #ffffff;
  --surface-alt: #f6f8fb;
  --surface-dark: #101722;
  --on-surface: #273142;
  --on-surface-alt: #273142;
  --on-dark: #ffffff;
  --on-primary: #ffffff;
}

body {
  font-family: var(--font-body, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  color: var(--text);
  background: var(--surface);
}

h1, h2, h3, h4, h5, h6, .brand-font {
  font-family: var(--font-heading, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
  color: var(--heading);
}

a { color: inherit; }

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