:root {
  --brand-color-primary: #9b0127;
  --brand-color-primary-hover: #820021;
  --brand-color-primary-pressed: #69001b;
  --brand-color-secondary: #334155;
  --brand-color-accent-light: #b45309;
  --brand-color-accent-dark: #fbbf24;
  --brand-color-accent-fill-light: #fdf2f4;
  --brand-color-primary-dark: #ff4d6d;

  --brand-color-surface-light: #ffffff;
  --brand-color-surface-subtle-light: #f8fafc;
  --brand-color-border-light: #e2e8f0;
  --brand-color-text-light: #241c1f;
  --brand-color-muted-light: #475569;
  --brand-color-surface-dark: #0f1115;
  --brand-color-surface-raised-dark: #1a1d24;
  --brand-color-text-dark: #f8fafc;
  --brand-color-muted-dark: #94a3b8;
  --brand-color-mark-foreground-dark: #0f1115;

  --brand-font-display: "Manrope", system-ui, "Segoe UI", Arial, sans-serif;
  --brand-font-body: "Inter", system-ui, "Segoe UI", Arial, sans-serif;
  --brand-font-code: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --brand-font-weight-regular: 400;
  --brand-font-weight-medium: 500;
  --brand-font-weight-semibold: 600;
  --brand-font-weight-bold: 700;
  --brand-font-size-small: 0.875rem;
  --brand-font-size-body: 1rem;
  --brand-font-size-lead: 1.125rem;
  --brand-font-size-heading-small: 1.375rem;
  --brand-font-size-heading-medium: 1.875rem;
  --brand-font-size-heading-large: clamp(2.5rem, 6vw, 4rem);
  --brand-line-height-body: 1.6;
  --brand-line-height-heading-large: 1.15;
  --brand-line-height-heading-medium: 1.2;
  --brand-line-height-heading-small: 1.25;
  --brand-line-height-control: 1.4;
  --brand-line-height-caption: 1.5;
  --brand-copy-max-width: 70ch;

  --brand-logo-wordmark-min-width: 11rem;
  --brand-logo-mark-min-size: 2rem;
  --brand-logo-clear-space-ratio: 0.25;
}

/*
  Use the wordmark at 11rem or wider and the compact mark below that width.
  Keep clear space equal to one quarter of the rendered mark's height on every
  side. Use the primary logo and mark on light surfaces and their inverse
  variants on dark surfaces.

  WCAG AA text pairings: primary-text/white 16.71:1, primary-text/slate-off-white 15.98:1,
  burgundy/white 8.71:1, slate-gray/slate-off-white 7.25:1, vivid-amber/slate-off-white 4.79:1,
  crisp-warm-white/deep-obsidian 18.02:1, luminous-slate/raised-obsidian 6.29:1,
  electric-crimson/deep-obsidian 5.87:1, radiant-amber/raised-obsidian 9.77:1.
*/