/* @ds-managed-start — design system tokens, edited via the Variables panel; do not edit by hand */
:root {
  --color-bg: #F8F9FC;
  --color-surface: #FFFFFF;
  --color-border: #E2E6EF;
  --color-text: #0A0E1A;
  --color-text-muted: #6B7280;
  --color-accent: #1A6BF5;
  --color-accent-hover: #1558D6;
  --color-on-accent: #FFFFFF;
  --color-footer: #0B1120;
  --font-heading: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --radius: 12px;
  --radius-sm: 6px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --color-accent-soft: #EBF1FE;
  --shadow-card: 0 4px 24px rgba(10,14,26,0.08);
}
/* @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); }