@layer base {
:root {
/* colors */
--brand: #0a56ff;
--brand-2: #7aa8ff;
--bg: #fafafa;
--card: #ffffff;
--text: #222;
--muted: #6b7280;
--line: #e5e7eb;


/* radius & spacing */
--radius: 14px;
--radius-sm: 10px;
--space: 12px;
--container: 1200px;
}


body { background: var(--bg); color: var(--text); font-family: system-ui, Segoe UI, Roboto, Apple SD Gothic Neo, Arial, sans-serif; }
}

:root{
  --burgundy:#800000;
  --ink:#0f172a;
  --muted:#6b7280;
  --bg:#f8f9fa;
}

.page-hero + main h1.text-burgundy {
  text-align: left;
}