:root {
  --brand-50: #f4f7f4;
  --color-brand-50: #f4f7f4;
  --brand-100: #e4ebe5;
  --color-brand-100: #e4ebe5;
  --brand-200: #c5d6c8;
  --color-brand-200: #c5d6c8;
  --brand-300: #9bb89f;
  --color-brand-300: #9bb89f;
  --brand-400: #6f9475;
  --color-brand-400: #6f9475;
  --brand-500: #4d7c5a;
  --color-brand-500: #4d7c5a;
  --brand-600: #3d6348;
  --color-brand-600: #3d6348;
  --brand-700: #324f3a;
  --color-brand-700: #324f3a;
  --brand-800: #2a4031;
  --color-brand-800: #2a4031;
  --brand-900: #233529;
  --color-brand-900: #233529;
  --brand-950: #121c15;
  --color-brand-950: #121c15;
  --brand-600: #3d6348;
  --craft-theme-color: #4d7c5a;
  --craft-font-display: 'Fraunces', Georgia, serif;
  --craft-font-body: 'DM Sans', system-ui, sans-serif;
  --craft-radius: 0.75rem;
  --craft-cta-radius: 9999px;
  --craft-selection-bg: #c5d6c8;
  --craft-selection-fg: #233529;
  --craft-page-bg: #f6f4ef;
  --craft-text-body: #334155;
  --craft-text-muted: #64748b;
  --craft-text-label: #0f766e;
  --craft-header-h: 4rem;
  --craft-header-h-lg: 5rem;
}

.dark {
  --craft-page-bg: #020617;
  --craft-text-body: #cbd5e1;
  --craft-text-muted: #94a3b8;
  --craft-text-label: #5eead4;
  --craft-selection-bg: #134e4a;
  --craft-selection-fg: #ccfbf1;
}

body.craft-page {
  font-family: var(--craft-font-body);
  background-color: var(--craft-page-bg);
}
.font-display, .craft-display { font-family: var(--craft-font-display) !important; }
.craft-rounded { border-radius: var(--craft-radius); }
.craft-cta-radius, .craft-btn { border-radius: var(--craft-cta-radius); }
::selection { background: var(--craft-selection-bg); color: var(--craft-selection-fg); }