/* Motion Church — teal system (canvas copy of the design system tokens) */
:root,
[data-theme="dark"]
{
  --surface: #071E1D;
  --surface-raised: #0D2E2D;
  --surface-tint: #123B39;
  --line: #1A4A47;
  --field-line: #7A7466;
  --ink: #F6F2EA;
  --ink-muted: #E6E0D4;
  --deep: #071E1D;
  --navy: #0B2B2A;
  --nav-bar: #092422;
  --teal: #0E5E59;
  --blue-deep: #0E5E59;
  --blue: #2A7D76;
  --teal-light: #BFE4DF;
  --spark: #D5EEEB;
  --teal-pale: #DDF1EE;
  --cream: #FBF9F4;
  --beige: #EFE9DD;
  --sand: #E2D9C8;
  --sky: #F2B33D;
  --action: #F2B33D;
  --on-action: #0B2B2A;
  --link: #BFE4DF;
  --focus: #C9EAE5;
  --danger: #FF8C7A;
  --shadow-lift: 0 24px 48px -24px rgba(0, 0, 0, 0.6);
}
[data-theme="light"]
{
  --surface: #F6F2EA;
  --surface-raised: #FBF9F4;
  --surface-tint: #EEE8DC;
  --line: #DDD5C6;
  --field-line: #8C8576;
  --ink: #0B2B2A;
  --ink-muted: #5F5A4F;
  --action: #0E5E59;
  --on-action: #FBF9F4;
  --link: #0E5E59;
  --focus: #0E5E59;
  --danger: #B42318;
  --shadow-lift: 0 24px 48px -24px rgba(11, 43, 42, 0.35);
}
:root
{
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12.5px;
  --radius-lg: 20px;
  --radius-xl: 27.5px;
  --radius-pill: 999px;
  --font-display: new-spirit, "New Spirit", Fraunces, Georgia, serif;
  --font-subtitle: mozaic-geo-variable, mozaic-geo, Montserrat, "Helvetica Neue", Arial, sans-serif;
  --font-body: mozaic-geo-variable, mozaic-geo, Montserrat, "Helvetica Neue", Arial, sans-serif;
  --font-eyebrow: mozaic-geo-variable, mozaic-geo, Montserrat, "Helvetica Neue", Arial, sans-serif;
  --font-label: new-spirit, "New Spirit", Fraunces, Georgia, serif;
  --font-wordmark: Grovio, "Grovio Demo", Unbounded, "Arial Black", sans-serif;
  --text-display-xl: 500 104px/1 var(--font-display);
  --text-display-lg: 500 72px/1 var(--font-display);
  --text-display-md: 500 48px/1 var(--font-display);
  --text-display-sm: 500 24px/1 var(--font-display);
  --text-subtitle-lg: 500 32px/1.2 var(--font-subtitle);
  --text-subtitle: 500 22px/1.3 var(--font-subtitle);
  --text-body-lg: 500 19px/1.45 var(--font-body);
  --text-body: 400 16px/1.45 var(--font-body);
  --text-body-sm: 500 14px/1.4 var(--font-body);
  --text-button: 700 14px/1 var(--font-body);
  --text-eyebrow: 600 13px/1.2 var(--font-eyebrow);
  --text-label: 600 12px/1.2 var(--font-label);
  --text-wordmark: 700 20px/1 var(--font-wordmark);
}
@font-face
{
  font-family: "Grovio";
  src: url("/fonts/display-8e358a65.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}