:root {
  /* ===== Primary Token Scale (derived from easymoney v4 CI color #ce1335) ===== */
  --token-primary-50:  #fbecef;
  --token-primary-100: #f5d0d7;
  --token-primary-200: #eba1ae;
  --token-primary-300: #e27186;
  --token-primary-400: #d8425d;
  --token-primary-500: #ce1335;
  --token-primary-600: #b91130; /* hover */
  --token-primary-700: #a50f2a; /* active */
  --token-primary-800: #840c22;
  --token-primary-900: #6b0a1b;

  /* ===== RGB ===== */
  --rgb-primary: 206 19 53;
  --rgba-primary: 206, 19, 53;
  --gradient-primary-start: var(--token-primary-700);
  --gradient-primary-end: var(--token-primary-500);

  /* ===== Usage ===== */
  --color-primary: var(--token-primary-500);
  --color-on-primary: #FFFFFF;

  --btn-primary-text: var(--color-on-primary);
  --btn-primary-bg: var(--token-primary-500);
  --btn-primary-border: var(--token-primary-500);
  --btn-primary-bg-hover: var(--token-primary-600);
  --btn-primary-bg-active: var(--token-primary-700);

  --btn-link-text: var(--token-primary-500);
  --btn-link-text-hover: var(--token-primary-700);

  /* Focus ring */
  --state-focus-ring-size: .2rem;
  --state-focus-ring-opacity: .5;
}