/* Monumental Grace design tokens. Source of truth: the design system tokens.json. */
:root, [data-theme="light"] {
  --brand-teal: #0097b2;
  --deep-teal: #007a90;
  --ink-teal: #006f83;
  --sky-tint: #7fd3e3;
  --teal-wash: #e6f4f7;
  --sandstone: #916549;
  --sandstone-dark: #6e4a33;
  --sunrise-gold: #e8a33d;
  --sunrise-gold-hover: #d9942f;
  --sunrise-tint: #fbe7cc;
  --canyon: #2b211a;
  --canyon-raised: #382c23;
  --night: #1b1b1b;
  --slate: #5b5b5b;
  --dusk: #c9bba8;
  --bone: #f5f1ea;
  --white: #ffffff;
  --crisis-red: #b3261e;
  --line-warm: #e4ded4;
  --line-on-dark: rgba(255, 255, 255, 0.14);
  --scrim: rgba(0, 0, 0, 0.4);
  --surface: #ffffff;
  --surface-alt: #f5f1ea;
  --surface-wash: #e6f4f7;
  --surface-warm: #fbe7cc;
  --surface-card: #ffffff;
  --text: #1b1b1b;
  --text-muted: #5b5b5b;
  --link: #006f83;
  --heading-accent: #0097b2;
  --eyebrow: #916549;
  --eyebrow-on-tint: #6e4a33;
  --rule-accent: #916549;
  --line: #e4ded4;
  --control-border: #5b5b5b;
  --action: #007a90;
  --action-hover: #006f83;
  --on-action: #ffffff;
  --give: #e8a33d;
  --give-hover: #d9942f;
  --on-give: #1b1b1b;
  --secondary: #006f83;
  --crisis: #b3261e;
  --on-crisis: #ffffff;
  --focus-ring: #006f83;
  --font-display: Oswald, "Arial Narrow", sans-serif;
  --font-body: Lato, Arial, sans-serif;
  --font-scripture: Lora, Georgia, serif;
  --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;
  --radius-sm: 4px;
  --radius-md: 8px;
  --shadow-hover: 0 2px 8px rgba(43, 33, 26, 0.10);
  --container: 1140px;
  --measure: 38rem;
  --button-height: 48px;
  --card-image-ratio: 1.91 / 1;
  --logo-min-horizontal: 180px;
  --logo-min-stacked: 120px;
  --logo-min-heart: 24px;
}
[data-theme="dark"] {
  --brand-teal: #0097b2;
  --deep-teal: #007a90;
  --ink-teal: #006f83;
  --sky-tint: #7fd3e3;
  --teal-wash: #e6f4f7;
  --sandstone: #916549;
  --sandstone-dark: #6e4a33;
  --sunrise-gold: #e8a33d;
  --sunrise-gold-hover: #d9942f;
  --sunrise-tint: #fbe7cc;
  --canyon: #2b211a;
  --canyon-raised: #382c23;
  --night: #1b1b1b;
  --slate: #5b5b5b;
  --dusk: #c9bba8;
  --bone: #f5f1ea;
  --white: #ffffff;
  --crisis-red: #b3261e;
  --line-warm: #e4ded4;
  --line-on-dark: rgba(255, 255, 255, 0.14);
  --scrim: rgba(0, 0, 0, 0.4);
  --surface: #2b211a;
  --surface-alt: #382c23;
  --surface-wash: #382c23;
  --surface-warm: #382c23;
  --surface-card: #382c23;
  --text: #ffffff;
  --text-muted: #c9bba8;
  --link: #7fd3e3;
  --heading-accent: #7fd3e3;
  --eyebrow: #c9bba8;
  --eyebrow-on-tint: #c9bba8;
  --rule-accent: #916549;
  --line: rgba(255, 255, 255, 0.14);
  --control-border: #c9bba8;
  --action: #007a90;
  --action-hover: #006f83;
  --on-action: #ffffff;
  --give: #e8a33d;
  --give-hover: #d9942f;
  --on-give: #1b1b1b;
  --secondary: #7fd3e3;
  --crisis: #b3261e;
  --on-crisis: #ffffff;
  --focus-ring: #7fd3e3;
}