/* frontend theme vars */
:root{
  --fap-brand-name: AutoPartz;
  --fap-font-family: Montserrat, system-ui, sans-serif;
  --fap-heading-weight: 900;
  --fap-body-weight: 500;
  --fap-primary: #dc2626;
  --fap-primary-hover: #b91c1c;
  --fap-secondary: #111111;
  --fap-accent: #fee2e2;
  --fap-page-bg: #f8fafc;
  --fap-surface-bg: #ffffff;
  --fap-card-bg: #ffffff;
  --fap-text: #111827;
  --fap-muted: #6b7280;
  --fap-border: #e5e7eb;
  --fap-success: #16a34a;
  --fap-warning: #f59e0b;
  --fap-danger: #dc2626;
  --fap-button-primary-text: #ffffff;
  --fap-button-secondary-bg: #111111;
  --fap-button-secondary-text: #ffffff;
  --fap-button-secondary-border: #111111;
  --fap-input-bg: #ffffff;
  --fap-input-text: #111827;
  --fap-input-border: #d1d5db;
  --fap-card-radius: 24px;
  --fap-button-radius: 16px;
  --fap-input-radius: 14px;
  --fap-pill-radius: 999px;
  --fap-container-width: 1440px;
  --fap-section-gap: 28px;
  --fap-page-y-padding: 32px;
  --fap-shadow: 0 14px 30px rgba(220,38,38,.08);
  --fap-button-style: solid;
}
html, body{
  background: var(--fap-page-bg, #f8fafc);
  color: var(--fap-text, #0f172a);
}

body{
  font-family: var(--fap-font-family, Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
}

img[data-fap-logo]{
  max-width: 100%;
  height: auto;
}