:root{
  --color-primary:#e50046;
  --color-primary-hover:#c8003c;
  --color-primary-press:#a80033;
  --color-neutral:#9d9fa6;
  --color-neutral-light:#e4e5e8;
  --color-neutral-dark:#6b6d74;
  --color-ink:#1d1d1b;
  --color-white:#ffffff;

  --bg-page:var(--color-white);
  --bg-inverse:var(--color-ink);
  --surface-card:var(--color-white);
  --border-card:var(--color-neutral-light);

  --text-primary:var(--color-ink);
  --text-secondary:rgba(29,29,27,.65);
  --text-caption:rgba(157,159,166,.8);
  --text-on-primary:var(--color-white);
  --text-on-dark:var(--color-white);
  --text-link:var(--color-primary);
  --text-link-hover:var(--color-primary-hover);

  --accent:var(--color-primary);
  --focus-ring:var(--color-primary);
}