Buena Labs — colour swatches
=============================

Generated from src/styles/tokens.css, the stylesheet buenalabs.io actually
ships, so these values always match the live site.

  https://buenalabs.io/design/colors

Contents
--------

  buena-colors.ase    Adobe Swatch Exchange — Figma, Illustrator, Photoshop,
                      Sketch, Affinity. Grouped: UI Dark, UI Light, Brand,
                      Brand Neutrals.
  buena-colors.css    CSS custom properties. Token names match the ones the
                      site ships, so this can be dropped in as-is.
  buena-colors.scss   SCSS variables.
  buena-colors.json   Structured data, for build tooling.
  buena-colors.gpl    GIMP / Inkscape / Krita palette.

What is inside
--------------

  UI tokens        14, each with a dark and a light value.
                   Dark is the default theme.
  Brand palette    32 expressive colours for illustration,
                   brand moments, and games.
  Brand neutrals   4 warm/cool anchors.

Rules
-----

  - One accent. Blue marks interaction; nothing else gets a hue.
  - success / warning / error / info are for status, never decoration.
  - Surfaces step bg-primary -> bg-surface -> bg-elevated; don't skip levels.
  - The brand palette is for decoration and storytelling. The interface itself
    still follows the one-accent rule.

Print values (RGB, CMYK, PMS) are on https://buenalabs.io/brand
Logo and wordmark files are in buena-brand-kit.zip on the same page.

(c) 2026 Buena Labs Inc.
