:root {
  --main-lch-chroma: 0.014; /* 0.014 */
  --main-lch-hue: 254.27; /* 254.27 NeLa Hue */

  --main-bg-color: oklch(0.252 var(--main-lch-chroma) var(--main-lch-hue)); /* #222 */
  --main-bg-color-light: oklch(0.3211 var(--main-lch-chroma) var(--main-lch-hue)); /* #333 */
  --main-bg-color-dark: oklch(0.1776 var(--main-lch-chroma) var(--main-lch-hue)); /* #111 */

  --main-bg-color-bright: oklch(0.4495 var(--main-lch-chroma) var(--main-lch-hue)); /* #555 */
  --main-bg-color-brighter: oklch(0.5693 var(--main-lch-chroma) var(--main-lch-hue)); /* #777 */
  --main-bg-color-brightest: oklch(0.683 var(--main-lch-chroma) var(--main-lch-hue)); /* #999 */

  --main-text-color: oklch(0.8452 var(--main-lch-chroma) var(--main-lch-hue)); /* #ccc */
  --main-text-color-light: oklch(0.8975 var(--main-lch-chroma) var(--main-lch-hue)); /* #ddd */
  --main-text-color-dark: oklch(0.7921 var(--main-lch-chroma) var(--main-lch-hue)); /* #bbb */
  --main-text-color-darker: oklch(0.738 var(--main-lch-chroma) var(--main-lch-hue)); /* #aaa */

  --main-text-color-bright: oklch(0.9491 var(--main-lch-chroma) var(--main-lch-hue)); /* #eee */

  --main-white: oklch(0.95 var(--main-lch-chroma) var(--main-lch-hue)); /* #fff */
  --main-black: oklch(0.1 var(--main-lch-chroma) var(--main-lch-hue)); /* #000 */

  --main-accent-color-blue: oklch(0.6755 0.1555 254.27); /* #39f */
  --main-accent-color-orange: oklch(0.649 0.1555 37.69); /* #dc6743 */
  --main-accent-color-fire: oklch(0.7737 0.1555 60.28); /* #FF9933 */
}