/* The primary style binds theme/400, not the /500 suggested by its name. */
:root {
  --color-brand-soft-rgb: 255, 81, 142;
  --color-brand-soft: rgb(var(--color-brand-soft-rgb));
  --color-brand-primary-rgb: 255, 23, 109;
  --color-brand-primary: rgb(var(--color-brand-primary-rgb));
  --color-brand-strong-rgb: 217, 16, 88;
  --color-brand-strong: rgb(var(--color-brand-strong-rgb));
  --color-brand-secondary-rgb: 0, 0, 0; /* #000000 */
  --color-brand-secondary: rgb(var(--color-brand-secondary-rgb));
  --color-primary-500: var(--color-brand-primary);
  --color-primary-alpha-10: rgba(var(--color-brand-primary-rgb), .10);
  --color-status-warning: #f52c56; /* Figma fixed/other/warning */
  --color-text-primary-dark: rgba(255, 255, 255, .9);
  --color-text-secondary-dark: rgba(255, 255, 255, .55);
  --color-surface-modal: #0d0e0f; /* 5565:94306, dark mode */
  --color-divider-dark: rgba(255, 255, 255, .05);
  --color-notice-glow-pink: #ff2de6;
  --color-notice-glow-blue: #1db7fe;
  --layer-notice: 10000;
  --layer-age-gate: 10001;
  --layer-login: 10002;
}