Paste into your project's DESIGN.md so AI agents read the full Look spec — base hex, OKLCH, contrast, tokens — and build consistently with your colors.

Drop into your stylesheets. Reference any color as var(--ca-brand-50) or any role and step.

/* Look Awesome —  */
/* Generated with OKLCH perceptual color space */

:root {
}

Drop into your stylesheets. Apply class="wa-look-custom" on any element and its Web Awesome components retheme to your Look.

/* Look Awesome —  (Web Awesome look override) */
/* Drop-in replacement for wa-look */

.wa-look-custom {
}

Paste into tailwind.config.js. Use as Tailwind utilities: bg-brand-50, text-success-30, etc.

// tailwind.config.js — Look Awesome — 
module.exports = {
  theme: {
    extend: {
      colors: {
      }
    }
  }
}

Paste into your _variables.scss before importing Bootstrap. Brand maps to $primary, neutral to $secondary; the rest keep their names.

// _variables.scss override — Look Awesome —