/* @ds-managed-start — design system tokens, edited via the Variables panel; do not edit by hand */
:root {
  --color-bg: #FAF6F1;
  --color-surface: #F2EBE0;
  --color-border: #E2D5C3;
  --color-text: #2C1A0E;
  --color-text-muted: #8C7B6B;
  --color-accent: #7B4A1E;
  --color-accent-hover: #5E3412;
  --color-on-accent: #FAF6F1;
  --color-footer: #1C0F06;
  --font-heading: 'Playfair Display', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Lato', ui-sans-serif, system-ui, sans-serif;
  --radius: 16px;
  --radius-sm: 8px;
  --radius-lg: 24px;
  --radius-xl: 40px;
  --color-accent-soft: #F5E6D0;
  --shadow-card: 0 20px 60px rgba(44,26,14,0.10);
}
/* @ds-managed-end */

/* Base styles — owned by the builder; extend below with your own classes. */
body { font-family: var(--font-body); background-color: var(--color-bg); color: var(--color-text); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }