:root {
  --brand-50: #fff1f2;
  --color-brand-50: #fff1f2;
  --brand-100: #ffe4e6;
  --color-brand-100: #ffe4e6;
  --brand-200: #fecdd3;
  --color-brand-200: #fecdd3;
  --brand-300: #fda4af;
  --color-brand-300: #fda4af;
  --brand-400: #fb7185;
  --color-brand-400: #fb7185;
  --brand-500: #f43f5e;
  --color-brand-500: #f43f5e;
  --brand-600: #e11d48;
  --color-brand-600: #e11d48;
  --brand-700: #be123c;
  --color-brand-700: #be123c;
  --brand-800: #9f1239;
  --color-brand-800: #9f1239;
  --brand-900: #881337;
  --color-brand-900: #881337;
  --brand-950: #4c0519;
  --color-brand-950: #4c0519;
  --brand-600: #e11d48;
  --craft-theme-color: #f43f5e;
  --craft-font-display: 'Space Grotesk', system-ui, sans-serif;
  --craft-font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --craft-radius: 0.5rem;
  --craft-cta-radius: 0.375rem;
  --craft-selection-bg: #9f1239;
  --craft-selection-fg: #fff1f2;
  --cin-accent-from: #f43f5e;
  --craft-accent-from: #f43f5e;
  --cin-accent-to: #22d3ee;
  --craft-accent-to: #22d3ee;
  --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);
}
.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); }