/**
 * Kolkrabbi Design System — Unified Theme entry point.
 *
 * Cascade order matters — later imports override earlier ones at equal
 * specificity. Color/opacity primitives load first; typography consumes them;
 * utilities provide generic helpers; components close the cascade with the
 * highest-level chrome.
 *
 *   1. kol-color       — surface tokens, ramps, brand/accent/status, semantic aliases
 *   2. kol-opacity     — fg-opacity scale (14 stops × {bg,text,border} × {standard,inverse}
 *                        × {base,hover}) + 5 text-role tokens/classes
 *   2b. kol-opaque     — oq solid-neutral scale: the opaque mirror of kol-opacity
 *                        (color-mix onto surface, not transparent). Same 14 stops.
 *   3. kol-typography  — @font-face, type scale tokens, .kol-prose
 *   4. kol-utilities   — flex-center, absolute-center, text-balance,
 *                        breakpoint-padding, sr-only, fullbleed
 *   5. kol-components  — DS chrome: buttons, toggles, table, etc.
 *
 * Phase 5 rename map (from prior file names):
 *   theme.css             → kol-theme.css       (this file)
 *   kol-color-simple.css  → kol-color.css       (post-Phase-4a, hex-opacity family removed)
 *   kol-typography-mono.css → kol-typography.css (post-Phase-4a, type tokens added)
 *   components.css        → kol-components.css  (Table CSS absorbed from kol-client)
 *   (NEW)                 → kol-opacity.css     (ported from kol-client Phase 4a)
 *   (NEW)                 → kol-utilities.css   (curated slice of _new-css/utilities.css)
 */

/* Everything KOL ships lives in the `components` cascade layer. Tailwind v4
 * declares `@layer theme, base, components, utilities` — layering here means
 * consumer utility classes (a later layer) can always override KOL chrome,
 * while KOL still beats preflight (`base`). Unlayered consumer CSS wins over
 * all of it, as it should. */
@import "./kol-base-tokens.css" layer(components);
@import "./kol-color.css" layer(components);
@import "./kol-opacity.css" layer(components);
@import "./kol-opaque.css" layer(components);
@import "./kol-typography.css" layer(components);
@import "./kol-typography-mono.css" layer(components);
@import "./kol-type-mono-classes.css" layer(components);
@import "./kol-type-roles.css" layer(components);
@import "./kol-utilities.css" layer(components);
@import "./kol-components-atoms.css" layer(components);
@import "./kol-components-molecules.css" layer(components);
@import "./kol-components-organisms.css" layer(components);
@import "./kol-components-dashboards.css" layer(components);
@import "./kol-components-chess.css" layer(components);
@import "./kol-components-workshop.css" layer(components);
@import "./kol-components-foundry.css" layer(components);
@import "./kol-components-styleguide.css" layer(components);
@import "./kol-components-shell.css" layer(components);
@import "./kol-components-controls.css" layer(components);

/* Theme-level design tokens — LAST, as they always were (lifted into their own
 * file 2026-08-27 so kol-core.css shares them; emitted CSS unchanged). */
@import "./kol-design-tokens.css" layer(components);

/* MOTION — last, so a named motion class out-ranks the chrome it moves
 * (kol-animation.css, 2026-08-28: every keyframe, every named motion class,
 * every reduced-motion block, one file). */
@import "./kol-animation.css" layer(components);