:root{
  --brand-primary: #1f2937;
  --brand-secondary: #4b5563;
  --brand-accent: #2563eb;
  --brand-bg: #ffffff;
  --brand-surface: #f5f5f4;
  --brand-text: #111827;
  --brand-muted: #6b7280;
  --brand-on-primary: #ffffff;
  --brand-on-accent: #ffffff;
  --brand-font-heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --brand-font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --brand-radius: 10px;
  --brand-radius-card: 20px;
  --brand-btn-radius: 10px;
  --brand-content-max: 1180px;
}