/* :root {
  --color-white: #ffffff;
  --color-gray-light: #f2f2f2;
  --color-black: #111111;
  --color-gray: #767676;
  --color-border: #e0e0e0;
  --color-border-darker: #b9b9b9;
  --color-red: #EF4141;
  --color-red-soft: #f2d1d1;
  --color-red-inv: #ebabab;
  --font-body: 'Sofia Pro', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', Menlo, monospace;
} */

.text-color-black { color: var(--color-black); }
.text-color-white { color: var(--color-white); }
.text-color-red { color: var(--color-red); }
.text-color-gray { color: var(--color-gray); }

.bg-color-black { background-color: var(--color-black); }
.bg-color-white { background-color: var(--color-white); }
.bg-color-red { background-color: var(--color-red); }
.bg-color-gray { background-color: var(--color-gray); }