:root {
  /* Typography */
  --font-header: "Open Sans", Arial, sans-serif;
  --font-body: "Roboto", Arial, sans-serif;

  /* Brand colors */
  --pink: #ec168c;
  --pink-dark: #c60868;
  --pink-soft: #ffe8f4;
  --magenta: #a60058;
  --ink: #21131c;
  --muted: #756570;
  --white: #fff;
  --surface: #fffafd;
  --line: #f0dce7;

  /* Shapes and effects */
  --radius-sm: 0.75rem;
  --radius-md: 1.35rem;
  --radius-lg: 2rem;
  --shadow: 0 24px 70px rgba(129, 0, 67, 0.13);
  --max-width: 1180px;
  --transition: 180ms ease;
}