/* Herr Bagare – designtokens. Facit: design-canvas "Herr Bagare – Startsida". */

:root {
  --bg:           #F5EFDE; /* krämvit, samma som Dörrfrallan */
  --surface:      #FFFBF2; /* kort och formulär */
  --surface-alt:  #E9DDC2; /* sektionsbakgrund, t.ex. fast leverans */
  --line:         #E2D6BC;
  --line-strong:  #CDBEA0; /* inputfält */
  --ink:          #2B211A; /* text, knappar, mörka sektioner */
  --ink-soft:     #4A3D32;
  --ink-body:     #3D3128;
  --accent:       #7A4A1E; /* etiketter, länkar */
  --accent-warm:  #E0B872; /* CTA på mörk bakgrund */
  --dark-2:       #4A3A2D;

  --radius-card:  24px;
  --radius-input: 12px;
  --radius-pill:  999px;

  --font-heading: "Fraunces", Georgia, serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, sans-serif;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 80px;

  --gutter-mobile: 16px;
  --gutter-desktop: 80px;

  --shadow-card: 0 12px 32px rgba(43, 33, 26, 0.08);
}