:root {
  /* Colors */
  --color-brand-accent: #ed164a;
  /* Darkened interaction shade: white text reaches WCAG AA contrast. */
  --color-brand-primary: #e01148;
  --color-brand-foreground: #fff;
  --color-text-primary: #000;
  --color-text-muted: #666;
  --color-surface-secondary: #f8f9fa;
  --color-border-default: #e5e5e5;
  --color-border-error: var(--color-brand-accent);

  /* Typography */
  --font-family-primary: "Poppins", sans-serif;
  --font-size-small: 1.4rem;
  --font-size-medium: 1.6rem;
  --font-size-large: 2rem;
  --font-size-xlarge: 2.8rem;
  --font-size-hero: 4.8rem;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  /* Spacing */
  --spacing-xsmall: 0.4rem;
  --spacing-small: 0.8rem;
  --spacing-medium: 1.6rem;
  --spacing-large: 2.4rem;
  --spacing-xlarge: 4rem;
  --spacing-section: 6.4rem;

  /* Layout */
  --layout-max-width: 112rem;
  --layout-navbar-height: 10.4rem;

  /* Borders */
  --rounded-small: 4px;
  --rounded-medium: 8px;
  --rounded-large: 16px;

  /* Transitions */
  --transition-default: 0.2s ease-in-out;
}