: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: 'Barlow Condensed', Impact, sans-serif;
  --craft-font-body: 'DM Sans', system-ui, sans-serif;
  --craft-radius: 0.375rem;
  --craft-cta-radius: 0.5rem;
  --craft-selection-bg: #fde68a;
  --craft-selection-fg: #78350f;
  --craft-page-bg: #f5f4f1;
  --craft-display-tracking: 0.02em;
  --craft-display-weight: 700;
  --craft-hero-size: clamp(2.25rem, 5vw, 4.5rem);
  --craft-section-size: clamp(1.75rem, 3vw, 2.5rem);
  --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; letter-spacing: var(--craft-display-tracking); font-weight: var(--craft-display-weight); }
[data-qa-section='hero'] h1.font-display, [data-qa-section='hero'] .font-display.text-4xl, [data-qa-section='hero'] h1 { font-size: var(--craft-hero-size); }
.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); }
