/* Medborgarrösten – Loopia SPA theme (red #C81E3A, blue #0B4EA2) */
:root {
  --primary-blue: #0B4EA2;
  --primary-red: #C81E3A;
  --light-blue: #EAF3FF;
  --neutral-dark: #111827;
  --neutral-gray: #4B5563;
  --neutral-light-gray: #F3F4F6;
}
body { color: var(--neutral-dark); background: #fff; }
.max-w-content { max-width: 1200px; }
.bg-primary-blue { background-color: var(--primary-blue); }
.bg-primary-red { background-color: var(--primary-red); }
.bg-light-blue { background-color: var(--light-blue); }
.text-primary-blue { color: var(--primary-blue); }
.text-neutral-gray { color: var(--neutral-gray); }
.border-primary-blue { border-color: var(--primary-blue); }
.btn-primary { background: var(--primary-red); color: #fff; }
.btn-primary:hover { opacity: 0.9; }
.btn-secondary { background: var(--primary-blue); color: #fff; }
.btn-outline { border: 2px solid var(--primary-blue); color: var(--primary-blue); background: transparent; }
.btn-outline:hover { background: var(--light-blue); }