:root {
  --brand-50: #fffbeb;
  --color-brand-50: #fffbeb;
  --brand-100: #fef3c7;
  --color-brand-100: #fef3c7;
  --brand-200: #fde68a;
  --color-brand-200: #fde68a;
  --brand-300: #fcd34d;
  --color-brand-300: #fcd34d;
  --brand-400: #fbbf24;
  --color-brand-400: #fbbf24;
  --brand-500: #f59e0b;
  --color-brand-500: #f59e0b;
  --brand-600: #d97706;
  --color-brand-600: #d97706;
  --brand-700: #b45309;
  --color-brand-700: #b45309;
  --brand-800: #92400e;
  --color-brand-800: #92400e;
  --brand-900: #78350f;
  --color-brand-900: #78350f;
  --brand-950: #451a03;
  --color-brand-950: #451a03;
  --brand-600: #d97706;
  --craft-theme-color: #d97706;
  --craft-font-display: 'Oswald', Impact, sans-serif;
  --craft-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --craft-radius: 0.5rem;
  --craft-cta-radius: 0.375rem;
  --craft-selection-bg: #fde68a;
  --craft-selection-fg: #78350f;
  --craft-page-bg: #f5f4f1;
  --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); }