/* @ds-managed-start — design system tokens, edited via the Variables panel; do not edit by hand */
:root {
  --color-bg: #0A0E1A;
  --color-surface: #111827;
  --color-border: #1E2D45;
  --color-text: #F0F4FF;
  --color-text-muted: #8892A4;
  --color-accent: #2D7EFF;
  --color-accent-hover: #1A6AEE;
  --color-on-accent: #FFFFFF;
  --color-footer: #060A14;
  --font-heading: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Inter', ui-sans-serif, system-ui, sans-serif;
  --radius: 14px;
  --radius-sm: 8px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --color-accent-soft: #0A2A40;
  --shadow-card: 0 20px 60px rgba(6,10,20,0.50);
}
/* @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); }