/* @ds-managed-start — design system tokens, edited via the Variables panel; do not edit by hand */
:root {
  --color-bg: #FFF8FC;
  --color-surface: #F3EEFF;
  --color-border: #EAD9F9;
  --color-text: #1A1028;
  --color-text-muted: #7A6D8A;
  --color-accent: #C255F6;
  --color-accent-hover: #A83DE0;
  --color-on-accent: #FFFFFF;
  --color-footer: #1A1028;
  --font-heading: 'Nunito', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'DM Sans', ui-sans-serif, system-ui, sans-serif;
  --radius: 20px;
  --color-accent-soft: #FCE4FF;
  --shadow-card: 0 24px 64px rgba(194, 85, 246, 0.14);
}
/* @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); }