:root {
  /* Primary Palette */
  --ct-onyx-black: #000000;
  --ct-pure-white: #ffffff;

  /* Secondary Subfloors (Functional) */
  --ct-sustainability-green: #3ba25a;
  --ct-innovation-blue: #4c6eb5;
  --ct-visionary-orange: #f05023;
  --ct-prosperity-yellow: #fee944;

  /* Main Aliases */
  --color-background: var(--ct-pure-white);
  --color-text: var(--ct-onyx-black);
  --color-accent: var(--ct-innovation-blue);
}

/* Color Classes */
.bg-onyx { background-color: var(--ct-onyx-black); }
.text-onyx { color: var(--ct-onyx-black); }

.bg-white { background-color: var(--ct-pure-white); }
.text-white { color: var(--ct-pure-white); }

.bg-sustainability { background-color: var(--ct-sustainability-green); }
.text-sustainability { color: var(--ct-sustainability-green); }

.bg-innovation { background-color: var(--ct-innovation-blue); }
.text-innovation { color: var(--ct-innovation-blue); }

.bg-visionary { background-color: var(--ct-visionary-orange); }
.text-visionary { color: var(--ct-visionary-orange); }

.bg-prosperity { background-color: var(--ct-prosperity-yellow); }
.text-prosperity { color: var(--ct-prosperity-yellow); }
