:root {
  --card-background: var(--color-white);
  
    --modal-overlay: var(--color-black);

  --text-color: var(--color-black);
  --text-color-inverted: var(--color-white);
  --text-color-inverted-disabled: var(--color-gray-400);

  --button-text-color: var(--color-white);

  --color-surface-enabled: var(--color-primary-700);
  --color-surface-disabled: var(--color-gray-300);
  --color-surface-hover: var(--color-primary-800);

  --color-border-enabled: var(--color-primary-700);
  --color-border-disabled: var(--color-gray-300);
  --color-border-hover: var(--color-primary-800);

  --color-shadow-enabled: var(--color-gray-700);
  --color-shadow-disabled: var(--color-primary-400);
  --color-shadow-hover: var(--color-gray-500);

  --color-toggle-off: var(--color-gray-400);
  --color-toggle-on: var(--color-primary-700);
  
  --color-indicator: var(--color-white);
}