@theme {
	/* Base Colors */
	--color-white: oklch(100% 0 0); /* #FFFFFF */
	--color-subtle-light: oklch(98.21% 0 0); /* #F9F9F9 */
  --color-black: oklch(0 0 0); /* #000000 */
  --color-light-grey: oklch(97.31% 0 0); /* #F6F6F6 */
  --color-grey: oklch(0.839 0 0); /* #CACACA */
  --color-blue: oklch(0.3722 0.1114 259.03); /* #173E7A */
  --color-dark-blue: oklch(0.3199 0.0925 259.49); /* #133161 */
  --color-light-blue: oklch(0.5 0.1114 259.03); /* #3A63A2 */
  --color-yellow: oklch(0.8412 0.1698 85.84); /* #FCC112 */
  --color-green: oklch(0.6169 0.1862 141.75); /* #309F24 */
  --color-light-green-without-opacity: oklch(0.9201 0.0407 141.86); /* #D6ECD3 */
  --color-orange: oklch(0.6872 0.209694 41.419); /* #FF5F00 */
  /* Colors with opacity */
  --color-light-orange: oklch(from var(--color-orange) l c h / 16%); /* #FF5F00 with 16% opacity */
  --color-light-green: oklch(from var(--color-green) l c h / 16%); /* #309F24 with 20% opacity */
  --color-light-yellow: oklch(from var(--color-yellow) l c h / 24%); /* #FCC112 with 24% opacity */
  --color-medium-yellow: oklch(from var(--color-yellow) l c h / 64%); /* #FCC112 with 64% opacity */
  --color-subtle-blue: oklch(0.5448 0.1716 253.74 / 8%); /* #016FD0 with 8% opacity */
  --color-black-opacity-20: oklch(0 0 0 / 20%);
  --color-black-opacity-40: oklch(0 0 0 / 40%);
  --color-black-opacity-64: oklch(0 0 0 / 64%);
  --color-white-opacity-24: oklch(1 0 0 / 24%);
  --color-white-opacity-64: oklch(1 0 0 / 64%);
}