@asteby/metacore-theme 2.26.0 → 2.28.0

package/README.md

@@ -94,6 +94,24 @@ behaves exactly as before.
 }
 ```
 
+### Brand backdrop
+
+The backdrop is three radial blobs over a base color. A brand changes the hues
+by overriding the variables only — never `background-image` — so pack updates
+keep applying (import after `glass.css`):
+
+```css
+[data-ui-theme='glass'] {
+  --glass-gradient-1: radial-gradient(48rem 34rem at 10% -8%, oklch(0.42 0.1 255 / 0.55), transparent 70%);
+  --glass-gradient-2: radial-gradient(40rem 30rem at 105% 20%, oklch(0.5 0.09 250 / 0.4), transparent 68%);
+  --glass-gradient-3: radial-gradient(38rem 28rem at 60% 115%, oklch(0.6 0.07 235 / 0.35), transparent 70%);
+}
+.dark[data-ui-theme='glass'] { /* same three variables for dark */ }
+```
+
+`--glass-backdrop` sets the base color under the blobs. Set a gradient to
+`none` to drop it.
+
 An inset with no sidebar sibling (chat-like screens) floats on desktop with
 `<SidebarInset data-glass-float>`.
 
@@ -124,6 +142,29 @@ The bundled `<ThemeProvider>` (light/dark/system, cookie-persisted) is the
 recommended entry; consumer apps can drop their local copies and use
 `useTheme()` for the toggle UI.
 
+## Contrast contract
+
+Every semantic pair the UI paints is held to WCAG 2.x AA, in light, dark and
+the glass pack (measured on the composited surface, over the brightest and
+darkest point of the backdrop):
+
+| Pair | Minimum |
+| --- | --- |
+| `*-foreground` on its surface, `--muted-foreground` on `--card`/`--muted` | 4.5:1 |
+| `--primary`, `--destructive`, `--success`/`--warning`/`--info` as text on `--card` and on their own badge tint | 4.5:1 |
+| `--input` (control boundary), `--ring` at 50% (focus halo), `--chart-1..8`, `--color-widget-*` on `--card` | 3:1 |
+
+`src/tokens-contrast.test.ts` measures them and fails CI below the minimum,
+so a token edit (or a brand pack in a fork) cannot silently regress. The same
+math is exported for runtime-derived colors:
+
+```ts
+import { contrastRatio, ensureContrast, composite } from '@asteby/metacore-theme/contrast'
+
+contrastRatio('oklch(0.8 0.07 255)', '#14202d') // ≈ 8.6
+ensureContrast('#102E6B', '#14202d', 4.5)        // same hue, lifted until it reads
+```
+
 ## No flash on reload
 
 `<ThemeProvider>` stores what `<html>` ends up painting — light/dark, the

package/dist/contrast.d.ts

@@ -0,0 +1,65 @@
+/**
+ * WCAG 2.x contrast helpers for theme tokens.
+ *
+ * Pure functions, no DOM: they parse the color syntaxes the token files use
+ * (`oklch()`, `#hex`, `rgb()`, `white`/`black`/`transparent`), composite
+ * translucent colors over their backdrop (the glass pack paints text on
+ * `oklch(... / 0.45)` surfaces, so the contrast that matters is against the
+ * composited result, not the token) and compute the WCAG contrast ratio.
+ *
+ * Used by the token contrast test (fails CI below AA) and available to apps
+ * that derive colors at runtime (brand accents, chart series):
+ *
+ *   import { contrastRatio, ensureContrast } from '@asteby/metacore-theme/contrast'
+ *   contrastRatio('oklch(0.8 0.08 255)', 'oklch(0.2 0.03 255)') // ≈ 9.7
+ */
+/** sRGB color, channels 0..1 (gamma-encoded), alpha 0..1. */
+export interface Rgba {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+/** WCAG 2.x minimums. */
+export declare const WCAG: {
+    /** 1.4.3 AA, normal text (< 18.66px bold / < 24px regular). */
+    readonly text: 4.5;
+    /** 1.4.3 AA, large text. */
+    readonly largeText: 3;
+    /** 1.4.11 non-text: control boundaries, focus indicators, chart marks. */
+    readonly nonText: 3;
+    /** 1.4.6 AAA, normal text. */
+    readonly textAAA: 7;
+};
+/** OKLCH → gamma-encoded sRGB, out-of-gamut channels clipped (as browsers paint). */
+export declare function oklchToRgb(l: number, c: number, hDeg: number): [number, number, number];
+/** Gamma-encoded sRGB → OKLCH (`[l, c, h]`). */
+export declare function rgbToOklch(r: number, g: number, b: number): [number, number, number];
+/**
+ * Parses a CSS color as used in token files. Returns null for anything it
+ * does not understand (`var()`, `color-mix()`, gradients).
+ */
+export declare function parseColor(input: string): Rgba | null;
+/** Paints `top` over `bottom` (source-over, in gamma sRGB like browsers). */
+export declare function composite(top: string | Rgba, bottom: string | Rgba): Rgba;
+/** Composites a stack of layers, first = bottom-most (must end opaque). */
+export declare function flatten(...layers: (string | Rgba)[]): Rgba;
+/** WCAG relative luminance of an opaque color. */
+export declare function relativeLuminance(color: string | Rgba): number;
+/**
+ * WCAG contrast ratio (1..21). A translucent foreground is composited over
+ * the background first; the background must be opaque (flatten it first).
+ */
+export declare function contrastRatio(foreground: string | Rgba, background: string | Rgba): number;
+/** `#rrggbb` of an opaque color, for reports. */
+export declare function toHex(color: string | Rgba): string;
+/**
+ * Moves the OKLCH lightness of `color` (keeping hue and chroma) away from the
+ * background until it reaches `min` contrast against it. Returns the color as
+ * an `oklch()` string; when the target is unreachable it returns the closest
+ * extreme (L 0 or 1). Use it to derive readable brand accents / chart series.
+ */
+export declare function ensureContrast(color: string, background: string, min?: number): string;
+/** Picks whichever of `candidates` contrasts most with `background`. */
+export declare function mostReadable(background: string | Rgba, candidates: string[]): string;
+//# sourceMappingURL=contrast.d.ts.map

package/dist/contrast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../src/contrast.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,6DAA6D;AAC7D,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,yBAAyB;AACzB,eAAO,MAAM,IAAI;IACf,+DAA+D;;IAE/D,4BAA4B;;IAE5B,0EAA0E;;IAE1E,8BAA8B;;CAEtB,CAAA;AAUV,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAmBvF;AAED,gDAAgD;AAChD,wBAAgB,UAAU,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAepF;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CA0BrD;AASD,6EAA6E;AAC7E,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAOzE;AAED,2EAA2E;AAC3E,wBAAgB,OAAO,CAAC,GAAG,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,IAAI,CAE1D;AAED,kDAAkD;AAClD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAI9D;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAS1F;AAED,iDAAiD;AACjD,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAIlD;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,GAAE,MAAkB,GAAG,MAAM,CAYjG;AAED,wEAAwE;AACxE,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,CAWpF"}

package/dist/contrast.js

@@ -0,0 +1,196 @@
+/**
+ * WCAG 2.x contrast helpers for theme tokens.
+ *
+ * Pure functions, no DOM: they parse the color syntaxes the token files use
+ * (`oklch()`, `#hex`, `rgb()`, `white`/`black`/`transparent`), composite
+ * translucent colors over their backdrop (the glass pack paints text on
+ * `oklch(... / 0.45)` surfaces, so the contrast that matters is against the
+ * composited result, not the token) and compute the WCAG contrast ratio.
+ *
+ * Used by the token contrast test (fails CI below AA) and available to apps
+ * that derive colors at runtime (brand accents, chart series):
+ *
+ *   import { contrastRatio, ensureContrast } from '@asteby/metacore-theme/contrast'
+ *   contrastRatio('oklch(0.8 0.08 255)', 'oklch(0.2 0.03 255)') // ≈ 9.7
+ */
+/** WCAG 2.x minimums. */
+export const WCAG = {
+    /** 1.4.3 AA, normal text (< 18.66px bold / < 24px regular). */
+    text: 4.5,
+    /** 1.4.3 AA, large text. */
+    largeText: 3,
+    /** 1.4.11 non-text: control boundaries, focus indicators, chart marks. */
+    nonText: 3,
+    /** 1.4.6 AAA, normal text. */
+    textAAA: 7,
+};
+const clamp01 = (n) => Math.min(1, Math.max(0, n));
+function parseNumber(token, percentScale = 1) {
+    const t = token.trim();
+    if (t.endsWith('%'))
+        return (parseFloat(t) / 100) * percentScale;
+    return parseFloat(t);
+}
+/** OKLCH → gamma-encoded sRGB, out-of-gamut channels clipped (as browsers paint). */
+export function oklchToRgb(l, c, hDeg) {
+    const h = (hDeg * Math.PI) / 180;
+    const a = c * Math.cos(h);
+    const b = c * Math.sin(h);
+    const l_ = l + 0.3963377774 * a + 0.2158037573 * b;
+    const m_ = l - 0.1055613458 * a - 0.0638541728 * b;
+    const s_ = l - 0.0894841775 * a - 1.291485548 * b;
+    const L = l_ ** 3;
+    const M = m_ ** 3;
+    const S = s_ ** 3;
+    const lin = [
+        4.0767416621 * L - 3.3077115913 * M + 0.2309699292 * S,
+        -1.2684380046 * L + 2.6097574011 * M - 0.3413193965 * S,
+        -0.0041960863 * L - 0.7034186147 * M + 1.707614701 * S,
+    ];
+    return lin.map((v) => {
+        const x = clamp01(v);
+        return x <= 0.0031308 ? 12.92 * x : 1.055 * x ** (1 / 2.4) - 0.055;
+    });
+}
+/** Gamma-encoded sRGB → OKLCH (`[l, c, h]`). */
+export function rgbToOklch(r, g, b) {
+    const lin = (v) => (v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4);
+    const lr = lin(r);
+    const lg = lin(g);
+    const lb = lin(b);
+    const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
+    const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
+    const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
+    const L = 0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s;
+    const A = 1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s;
+    const B = 0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s;
+    const C = Math.sqrt(A * A + B * B);
+    let H = (Math.atan2(B, A) * 180) / Math.PI;
+    if (H < 0)
+        H += 360;
+    return [L, C, H];
+}
+/**
+ * Parses a CSS color as used in token files. Returns null for anything it
+ * does not understand (`var()`, `color-mix()`, gradients).
+ */
+export function parseColor(input) {
+    const s = input.trim().toLowerCase();
+    if (s === 'transparent')
+        return { r: 0, g: 0, b: 0, a: 0 };
+    if (s === 'white')
+        return { r: 1, g: 1, b: 1, a: 1 };
+    if (s === 'black')
+        return { r: 0, g: 0, b: 0, a: 1 };
+    if (s.startsWith('#')) {
+        let hex = s.slice(1);
+        if (hex.length === 3 || hex.length === 4)
+            hex = [...hex].map((ch) => ch + ch).join('');
+        if (!/^[0-9a-f]{6}([0-9a-f]{2})?$/.test(hex))
+            return null;
+        const n = (i) => parseInt(hex.slice(i, i + 2), 16) / 255;
+        return { r: n(0), g: n(2), b: n(4), a: hex.length === 8 ? n(6) : 1 };
+    }
+    const fn = /^(oklch|rgba?)\((.*)\)$/.exec(s);
+    if (!fn)
+        return null;
+    const [body, alphaPart] = fn[2].split('/');
+    const parts = body.replace(/,/g, ' ').trim().split(/\s+/);
+    if (parts.length < 3)
+        return null;
+    let alpha = 1;
+    if (alphaPart !== undefined)
+        alpha = parseNumber(alphaPart);
+    else if (fn[1] !== 'oklch' && parts.length === 4)
+        alpha = parseNumber(parts[3]);
+    if (fn[1] === 'oklch') {
+        const [r, g, b] = oklchToRgb(parseNumber(parts[0]), parseNumber(parts[1], 0.4), parseFloat(parts[2]));
+        return { r, g, b, a: clamp01(alpha) };
+    }
+    const ch = (t) => clamp01(t.endsWith('%') ? parseFloat(t) / 100 : parseFloat(t) / 255);
+    return { r: ch(parts[0]), g: ch(parts[1]), b: ch(parts[2]), a: clamp01(alpha) };
+}
+function toRgba(c) {
+    if (typeof c !== 'string')
+        return c;
+    const parsed = parseColor(c);
+    if (!parsed)
+        throw new Error(`Unsupported color: ${c}`);
+    return parsed;
+}
+/** Paints `top` over `bottom` (source-over, in gamma sRGB like browsers). */
+export function composite(top, bottom) {
+    const t = toRgba(top);
+    const b = toRgba(bottom);
+    const a = t.a + b.a * (1 - t.a);
+    if (a === 0)
+        return { r: 0, g: 0, b: 0, a: 0 };
+    const mix = (x, y) => (x * t.a + y * b.a * (1 - t.a)) / a;
+    return { r: mix(t.r, b.r), g: mix(t.g, b.g), b: mix(t.b, b.b), a };
+}
+/** Composites a stack of layers, first = bottom-most (must end opaque). */
+export function flatten(...layers) {
+    return layers.reduce((acc, layer) => composite(layer, acc), { r: 0, g: 0, b: 0, a: 0 });
+}
+/** WCAG relative luminance of an opaque color. */
+export function relativeLuminance(color) {
+    const c = toRgba(color);
+    const lin = (v) => (v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4);
+    return 0.2126 * lin(c.r) + 0.7152 * lin(c.g) + 0.0722 * lin(c.b);
+}
+/**
+ * WCAG contrast ratio (1..21). A translucent foreground is composited over
+ * the background first; the background must be opaque (flatten it first).
+ */
+export function contrastRatio(foreground, background) {
+    const bg = toRgba(background);
+    if (bg.a < 1)
+        throw new Error('contrastRatio: background must be opaque; flatten() it over its backdrop first');
+    const fg = composite(foreground, bg);
+    const l1 = relativeLuminance(fg);
+    const l2 = relativeLuminance(bg);
+    const hi = Math.max(l1, l2);
+    const lo = Math.min(l1, l2);
+    return (hi + 0.05) / (lo + 0.05);
+}
+/** `#rrggbb` of an opaque color, for reports. */
+export function toHex(color) {
+    const c = toRgba(color);
+    const h = (v) => Math.round(clamp01(v) * 255).toString(16).padStart(2, '0');
+    return `#${h(c.r)}${h(c.g)}${h(c.b)}`;
+}
+/**
+ * Moves the OKLCH lightness of `color` (keeping hue and chroma) away from the
+ * background until it reaches `min` contrast against it. Returns the color as
+ * an `oklch()` string; when the target is unreachable it returns the closest
+ * extreme (L 0 or 1). Use it to derive readable brand accents / chart series.
+ */
+export function ensureContrast(color, background, min = WCAG.text) {
+    const c = toRgba(color);
+    const bg = toRgba(background);
+    const [l0, ch, hue] = rgbToOklch(c.r, c.g, c.b);
+    const fmt = (l) => `oklch(${l.toFixed(4)} ${ch.toFixed(4)} ${hue.toFixed(2)})`;
+    if (contrastRatio(fmt(l0), bg) >= min)
+        return fmt(l0);
+    const lighten = relativeLuminance(bg) < 0.18;
+    for (let i = 1; i <= 100; i++) {
+        const l = lighten ? Math.min(1, l0 + i * 0.01) : Math.max(0, l0 - i * 0.01);
+        if (contrastRatio(fmt(l), bg) >= min || l === 0 || l === 1)
+            return fmt(l);
+    }
+    return fmt(lighten ? 1 : 0);
+}
+/** Picks whichever of `candidates` contrasts most with `background`. */
+export function mostReadable(background, candidates) {
+    let best = candidates[0];
+    let bestRatio = -1;
+    for (const c of candidates) {
+        const r = contrastRatio(c, background);
+        if (r > bestRatio) {
+            best = c;
+            bestRatio = r;
+        }
+    }
+    return best;
+}
+//# sourceMappingURL=contrast.js.map

package/dist/contrast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast.js","sourceRoot":"","sources":["../src/contrast.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -6,4 +6,6 @@ export { ThemeProvider, useTheme } from './provider.js';
 export type { ThemeProviderProps, ThemeProviderState } from './provider.js';
 export { themeBootScript, watchThemeBoot, persistThemeBoot, captureThemeBoot, releaseThemeBoot, THEME_BOOT_STORAGE_KEY, THEME_MODE_COOKIE, THEME_BOOTING_CLASS, THEME_BOOT_TRANSITION_ATTRIBUTE, BRANDING_STYLE_ID, } from './boot.js';
 export type { ThemeMode, ThemeBootSnapshot, ThemeBootModeSnapshot, ThemeBootScriptOptions, ThemeBootWatchOptions, } from './boot.js';
+export { WCAG, parseColor, oklchToRgb, rgbToOklch, composite, flatten, relativeLuminance, contrastRatio, ensureContrast, mostReadable, toHex, } from './contrast.js';
+export type { Rgba } from './contrast.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAChD,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,MAAM,aAAa,CAAA;AACpB,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3E,OAAO,EACL,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,+BAA+B,EAC/B,iBAAiB,GAClB,MAAM,WAAW,CAAA;AAClB,YAAY,EACV,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAChD,YAAY,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,MAAM,aAAa,CAAA;AACpB,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACvD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAE3E,OAAO,EACL,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,+BAA+B,EAC/B,iBAAiB,GAClB,MAAM,WAAW,CAAA;AAClB,YAAY,EACV,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,WAAW,CAAA;AAElB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,KAAK,GACN,MAAM,eAAe,CAAA;AACtB,YAAY,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA"}

package/dist/index.js

@@ -2,4 +2,5 @@ export { fonts, fontFamilies } from './fonts.js';
 export { colorTokens, chartTokens, radiusTokens, shadowTokens, fontTokens, trackingTokens, motionTokens, themeConfig, } from './preset.js';
 export { ThemeProvider, useTheme } from './provider.js';
 export { themeBootScript, watchThemeBoot, persistThemeBoot, captureThemeBoot, releaseThemeBoot, THEME_BOOT_STORAGE_KEY, THEME_MODE_COOKIE, THEME_BOOTING_CLASS, THEME_BOOT_TRANSITION_ATTRIBUTE, BRANDING_STYLE_ID, } from './boot.js';
+export { WCAG, parseColor, oklchToRgb, rgbToOklch, composite, flatten, relativeLuminance, contrastRatio, ensureContrast, mostReadable, toHex, } from './contrast.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAGhD,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,MAAM,aAAa,CAAA;AAGpB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGvD,OAAO,EACL,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,+BAA+B,EAC/B,iBAAiB,GAClB,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAGhD,OAAO,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,cAAc,EACd,YAAY,EACZ,WAAW,GACZ,MAAM,aAAa,CAAA;AAGpB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAGvD,OAAO,EACL,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,+BAA+B,EAC/B,iBAAiB,GAClB,MAAM,WAAW,CAAA;AASlB,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,UAAU,EACV,SAAS,EACT,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,YAAY,EACZ,KAAK,GACN,MAAM,eAAe,CAAA"}

package/dist/preset.d.ts

@@ -19,19 +19,25 @@ export declare const colorTokens: {
         readonly cardForeground: "oklch(0 0 0)";
         readonly popover: "oklch(0.9911 0 0)";
         readonly popoverForeground: "oklch(0 0 0)";
-        readonly primary: "oklch(0.55 0.20 131)";
+        readonly primary: "oklch(0.51 0.14 175)";
         readonly primaryForeground: "oklch(1.0000 0 0)";
-        readonly secondary: "oklch(0.9540 0.0063 131)";
+        readonly secondary: "oklch(0.9540 0.0063 175)";
         readonly secondaryForeground: "oklch(0.1344 0 0)";
         readonly muted: "oklch(0.9702 0 0)";
         readonly mutedForeground: "oklch(0.4386 0 0)";
-        readonly accent: "oklch(0.94 0.03 131)";
-        readonly accentForeground: "oklch(0.5445 0.1903 131)";
-        readonly destructive: "oklch(0.6290 0.1902 23.0704)";
+        readonly accent: "oklch(0.94 0.03 175)";
+        readonly accentForeground: "oklch(0.49 0.11 175)";
+        readonly destructive: "oklch(0.52 0.19 23)";
         readonly destructiveForeground: "oklch(1.0000 0 0)";
-        readonly border: "oklch(0.9300 0.0094 131)";
-        readonly input: "oklch(0.9401 0 0)";
+        readonly border: "oklch(0.9300 0.0094 175)";
+        readonly input: "oklch(0.64 0 0)";
         readonly ring: "oklch(0 0 0)";
+        readonly success: "oklch(0.48 0.13 155)";
+        readonly successForeground: "oklch(1 0 0)";
+        readonly warning: "oklch(0.5 0.13 60)";
+        readonly warningForeground: "oklch(1 0 0)";
+        readonly info: "oklch(0.49 0.13 235)";
+        readonly infoForeground: "oklch(1 0 0)";
     };
     readonly dark: {
         readonly background: "oklch(0.22 0.01 131)";
@@ -40,35 +46,47 @@ export declare const colorTokens: {
         readonly cardForeground: "oklch(0.9551 0 0)";
         readonly popover: "oklch(0.24 0.01 131)";
         readonly popoverForeground: "oklch(0.9551 0 0)";
-        readonly primary: "oklch(0.65 0.20 131)";
-        readonly primaryForeground: "oklch(1.0000 0 0)";
-        readonly secondary: "oklch(0.29 0.02 131)";
+        readonly primary: "oklch(0.65 0.14 175)";
+        readonly primaryForeground: "oklch(0.18 0 0)";
+        readonly secondary: "oklch(0.29 0.02 175)";
         readonly secondaryForeground: "oklch(0.9551 0 0)";
-        readonly muted: "oklch(0.29 0.02 131)";
+        readonly muted: "oklch(0.29 0.02 175)";
         readonly mutedForeground: "oklch(0.7058 0 0)";
-        readonly accent: "oklch(0.28 0.05 131)";
-        readonly accentForeground: "oklch(0.80 0.10 131)";
+        readonly accent: "oklch(0.28 0.05 175)";
+        readonly accentForeground: "oklch(0.80 0.10 175)";
         readonly destructive: "oklch(0.7106 0.1661 22.2162)";
-        readonly destructiveForeground: "oklch(1.0000 0 0)";
-        readonly border: "oklch(0.33 0.02 131)";
-        readonly input: "oklch(0.33 0.02 131)";
-        readonly ring: "oklch(0.65 0.20 131)";
+        readonly destructiveForeground: "oklch(0.18 0 0)";
+        readonly border: "oklch(0.33 0.02 175)";
+        readonly input: "oklch(0.55 0.02 175)";
+        readonly ring: "oklch(0.8 0.12 175)";
+        readonly success: "oklch(0.78 0.14 155)";
+        readonly successForeground: "oklch(0.18 0 0)";
+        readonly warning: "oklch(0.82 0.14 80)";
+        readonly warningForeground: "oklch(0.18 0 0)";
+        readonly info: "oklch(0.78 0.11 235)";
+        readonly infoForeground: "oklch(0.18 0 0)";
     };
 };
 export declare const chartTokens: {
     readonly light: {
-        readonly chart1: "oklch(0.7459 0.1483 156.4499)";
-        readonly chart2: "oklch(0.55 0.20 131)";
-        readonly chart3: "oklch(0.7336 0.1758 50.5517)";
-        readonly chart4: "oklch(0.5828 0.1809 131)";
-        readonly chart5: "oklch(0.5590 0 0)";
+        readonly chart1: "oklch(0.62 0.14 156)";
+        readonly chart2: "oklch(0.51 0.14 175)";
+        readonly chart3: "oklch(0.64 0.16 50)";
+        readonly chart4: "oklch(0.55 0.12 250)";
+        readonly chart5: "oklch(0.56 0 0)";
+        readonly chart6: "oklch(0.58 0.17 25)";
+        readonly chart7: "oklch(0.6 0.12 85)";
+        readonly chart8: "oklch(0.55 0.1 210)";
     };
     readonly dark: {
-        readonly chart1: "oklch(0.8003 0.1821 151.7110)";
-        readonly chart2: "oklch(0.65 0.20 131)";
-        readonly chart3: "oklch(0.8077 0.1035 19.5706)";
-        readonly chart4: "oklch(0.6691 0.1569 131)";
-        readonly chart5: "oklch(0.7058 0 0)";
+        readonly chart1: "oklch(0.8 0.18 152)";
+        readonly chart2: "oklch(0.72 0.14 175)";
+        readonly chart3: "oklch(0.81 0.1 20)";
+        readonly chart4: "oklch(0.75 0.11 250)";
+        readonly chart5: "oklch(0.71 0 0)";
+        readonly chart6: "oklch(0.74 0.15 25)";
+        readonly chart7: "oklch(0.82 0.12 85)";
+        readonly chart8: "oklch(0.78 0.1 210)";
     };
 };
 export declare const radiusTokens: {
@@ -125,19 +143,25 @@ export declare const themeConfig: {
             readonly cardForeground: "oklch(0 0 0)";
             readonly popover: "oklch(0.9911 0 0)";
             readonly popoverForeground: "oklch(0 0 0)";
-            readonly primary: "oklch(0.55 0.20 131)";
+            readonly primary: "oklch(0.51 0.14 175)";
             readonly primaryForeground: "oklch(1.0000 0 0)";
-            readonly secondary: "oklch(0.9540 0.0063 131)";
+            readonly secondary: "oklch(0.9540 0.0063 175)";
             readonly secondaryForeground: "oklch(0.1344 0 0)";
             readonly muted: "oklch(0.9702 0 0)";
             readonly mutedForeground: "oklch(0.4386 0 0)";
-            readonly accent: "oklch(0.94 0.03 131)";
-            readonly accentForeground: "oklch(0.5445 0.1903 131)";
-            readonly destructive: "oklch(0.6290 0.1902 23.0704)";
+            readonly accent: "oklch(0.94 0.03 175)";
+            readonly accentForeground: "oklch(0.49 0.11 175)";
+            readonly destructive: "oklch(0.52 0.19 23)";
             readonly destructiveForeground: "oklch(1.0000 0 0)";
-            readonly border: "oklch(0.9300 0.0094 131)";
-            readonly input: "oklch(0.9401 0 0)";
+            readonly border: "oklch(0.9300 0.0094 175)";
+            readonly input: "oklch(0.64 0 0)";
             readonly ring: "oklch(0 0 0)";
+            readonly success: "oklch(0.48 0.13 155)";
+            readonly successForeground: "oklch(1 0 0)";
+            readonly warning: "oklch(0.5 0.13 60)";
+            readonly warningForeground: "oklch(1 0 0)";
+            readonly info: "oklch(0.49 0.13 235)";
+            readonly infoForeground: "oklch(1 0 0)";
         };
         readonly dark: {
             readonly background: "oklch(0.22 0.01 131)";
@@ -146,35 +170,47 @@ export declare const themeConfig: {
             readonly cardForeground: "oklch(0.9551 0 0)";
             readonly popover: "oklch(0.24 0.01 131)";
             readonly popoverForeground: "oklch(0.9551 0 0)";
-            readonly primary: "oklch(0.65 0.20 131)";
-            readonly primaryForeground: "oklch(1.0000 0 0)";
-            readonly secondary: "oklch(0.29 0.02 131)";
+            readonly primary: "oklch(0.65 0.14 175)";
+            readonly primaryForeground: "oklch(0.18 0 0)";
+            readonly secondary: "oklch(0.29 0.02 175)";
             readonly secondaryForeground: "oklch(0.9551 0 0)";
-            readonly muted: "oklch(0.29 0.02 131)";
+            readonly muted: "oklch(0.29 0.02 175)";
             readonly mutedForeground: "oklch(0.7058 0 0)";
-            readonly accent: "oklch(0.28 0.05 131)";
-            readonly accentForeground: "oklch(0.80 0.10 131)";
+            readonly accent: "oklch(0.28 0.05 175)";
+            readonly accentForeground: "oklch(0.80 0.10 175)";
             readonly destructive: "oklch(0.7106 0.1661 22.2162)";
-            readonly destructiveForeground: "oklch(1.0000 0 0)";
-            readonly border: "oklch(0.33 0.02 131)";
-            readonly input: "oklch(0.33 0.02 131)";
-            readonly ring: "oklch(0.65 0.20 131)";
+            readonly destructiveForeground: "oklch(0.18 0 0)";
+            readonly border: "oklch(0.33 0.02 175)";
+            readonly input: "oklch(0.55 0.02 175)";
+            readonly ring: "oklch(0.8 0.12 175)";
+            readonly success: "oklch(0.78 0.14 155)";
+            readonly successForeground: "oklch(0.18 0 0)";
+            readonly warning: "oklch(0.82 0.14 80)";
+            readonly warningForeground: "oklch(0.18 0 0)";
+            readonly info: "oklch(0.78 0.11 235)";
+            readonly infoForeground: "oklch(0.18 0 0)";
         };
     };
     readonly charts: {
         readonly light: {
-            readonly chart1: "oklch(0.7459 0.1483 156.4499)";
-            readonly chart2: "oklch(0.55 0.20 131)";
-            readonly chart3: "oklch(0.7336 0.1758 50.5517)";
-            readonly chart4: "oklch(0.5828 0.1809 131)";
-            readonly chart5: "oklch(0.5590 0 0)";
+            readonly chart1: "oklch(0.62 0.14 156)";
+            readonly chart2: "oklch(0.51 0.14 175)";
+            readonly chart3: "oklch(0.64 0.16 50)";
+            readonly chart4: "oklch(0.55 0.12 250)";
+            readonly chart5: "oklch(0.56 0 0)";
+            readonly chart6: "oklch(0.58 0.17 25)";
+            readonly chart7: "oklch(0.6 0.12 85)";
+            readonly chart8: "oklch(0.55 0.1 210)";
         };
         readonly dark: {
-            readonly chart1: "oklch(0.8003 0.1821 151.7110)";
-            readonly chart2: "oklch(0.65 0.20 131)";
-            readonly chart3: "oklch(0.8077 0.1035 19.5706)";
-            readonly chart4: "oklch(0.6691 0.1569 131)";
-            readonly chart5: "oklch(0.7058 0 0)";
+            readonly chart1: "oklch(0.8 0.18 152)";
+            readonly chart2: "oklch(0.72 0.14 175)";
+            readonly chart3: "oklch(0.81 0.1 20)";
+            readonly chart4: "oklch(0.75 0.11 250)";
+            readonly chart5: "oklch(0.71 0 0)";
+            readonly chart6: "oklch(0.74 0.15 25)";
+            readonly chart7: "oklch(0.82 0.12 85)";
+            readonly chart8: "oklch(0.78 0.1 210)";
         };
     };
     readonly radius: {

package/dist/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Cd,CAAA;AAEV,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;CAed,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;CAMf,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAA;AAEV,eAAO,MAAM,UAAU;;;;CAIb,CAAA;AAEV,eAAO,MAAM,cAAc;;CAEjB,CAAA;AAEV;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;CAYf,CAAA;AAEV,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQd,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAA"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDd,CAAA;AAEV,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;CAqBd,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;CAMf,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAA;AAEV,eAAO,MAAM,UAAU;;;;CAIb,CAAA;AAEV,eAAO,MAAM,cAAc;;CAEjB,CAAA;AAEV;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;CAYf,CAAA;AAEV,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQd,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAA"}

package/dist/preset.js

@@ -19,19 +19,25 @@ export const colorTokens = {
         cardForeground: 'oklch(0 0 0)',
         popover: 'oklch(0.9911 0 0)',
         popoverForeground: 'oklch(0 0 0)',
-        primary: 'oklch(0.55 0.20 131)',
+        primary: 'oklch(0.51 0.14 175)',
         primaryForeground: 'oklch(1.0000 0 0)',
-        secondary: 'oklch(0.9540 0.0063 131)',
+        secondary: 'oklch(0.9540 0.0063 175)',
         secondaryForeground: 'oklch(0.1344 0 0)',
         muted: 'oklch(0.9702 0 0)',
         mutedForeground: 'oklch(0.4386 0 0)',
-        accent: 'oklch(0.94 0.03 131)',
-        accentForeground: 'oklch(0.5445 0.1903 131)',
-        destructive: 'oklch(0.6290 0.1902 23.0704)',
+        accent: 'oklch(0.94 0.03 175)',
+        accentForeground: 'oklch(0.49 0.11 175)',
+        destructive: 'oklch(0.52 0.19 23)',
         destructiveForeground: 'oklch(1.0000 0 0)',
-        border: 'oklch(0.9300 0.0094 131)',
-        input: 'oklch(0.9401 0 0)',
+        border: 'oklch(0.9300 0.0094 175)',
+        input: 'oklch(0.64 0 0)',
         ring: 'oklch(0 0 0)',
+        success: 'oklch(0.48 0.13 155)',
+        successForeground: 'oklch(1 0 0)',
+        warning: 'oklch(0.5 0.13 60)',
+        warningForeground: 'oklch(1 0 0)',
+        info: 'oklch(0.49 0.13 235)',
+        infoForeground: 'oklch(1 0 0)',
     },
     dark: {
         background: 'oklch(0.22 0.01 131)',
@@ -40,35 +46,47 @@ export const colorTokens = {
         cardForeground: 'oklch(0.9551 0 0)',
         popover: 'oklch(0.24 0.01 131)',
         popoverForeground: 'oklch(0.9551 0 0)',
-        primary: 'oklch(0.65 0.20 131)',
-        primaryForeground: 'oklch(1.0000 0 0)',
-        secondary: 'oklch(0.29 0.02 131)',
+        primary: 'oklch(0.65 0.14 175)',
+        primaryForeground: 'oklch(0.18 0 0)',
+        secondary: 'oklch(0.29 0.02 175)',
         secondaryForeground: 'oklch(0.9551 0 0)',
-        muted: 'oklch(0.29 0.02 131)',
+        muted: 'oklch(0.29 0.02 175)',
         mutedForeground: 'oklch(0.7058 0 0)',
-        accent: 'oklch(0.28 0.05 131)',
-        accentForeground: 'oklch(0.80 0.10 131)',
+        accent: 'oklch(0.28 0.05 175)',
+        accentForeground: 'oklch(0.80 0.10 175)',
         destructive: 'oklch(0.7106 0.1661 22.2162)',
-        destructiveForeground: 'oklch(1.0000 0 0)',
-        border: 'oklch(0.33 0.02 131)',
-        input: 'oklch(0.33 0.02 131)',
-        ring: 'oklch(0.65 0.20 131)',
+        destructiveForeground: 'oklch(0.18 0 0)',
+        border: 'oklch(0.33 0.02 175)',
+        input: 'oklch(0.55 0.02 175)',
+        ring: 'oklch(0.8 0.12 175)',
+        success: 'oklch(0.78 0.14 155)',
+        successForeground: 'oklch(0.18 0 0)',
+        warning: 'oklch(0.82 0.14 80)',
+        warningForeground: 'oklch(0.18 0 0)',
+        info: 'oklch(0.78 0.11 235)',
+        infoForeground: 'oklch(0.18 0 0)',
     },
 };
 export const chartTokens = {
     light: {
-        chart1: 'oklch(0.7459 0.1483 156.4499)',
-        chart2: 'oklch(0.55 0.20 131)',
-        chart3: 'oklch(0.7336 0.1758 50.5517)',
-        chart4: 'oklch(0.5828 0.1809 131)',
-        chart5: 'oklch(0.5590 0 0)',
+        chart1: 'oklch(0.62 0.14 156)',
+        chart2: 'oklch(0.51 0.14 175)',
+        chart3: 'oklch(0.64 0.16 50)',
+        chart4: 'oklch(0.55 0.12 250)',
+        chart5: 'oklch(0.56 0 0)',
+        chart6: 'oklch(0.58 0.17 25)',
+        chart7: 'oklch(0.6 0.12 85)',
+        chart8: 'oklch(0.55 0.1 210)',
     },
     dark: {
-        chart1: 'oklch(0.8003 0.1821 151.7110)',
-        chart2: 'oklch(0.65 0.20 131)',
-        chart3: 'oklch(0.8077 0.1035 19.5706)',
-        chart4: 'oklch(0.6691 0.1569 131)',
-        chart5: 'oklch(0.7058 0 0)',
+        chart1: 'oklch(0.8 0.18 152)',
+        chart2: 'oklch(0.72 0.14 175)',
+        chart3: 'oklch(0.81 0.1 20)',
+        chart4: 'oklch(0.75 0.11 250)',
+        chart5: 'oklch(0.71 0 0)',
+        chart6: 'oklch(0.74 0.15 25)',
+        chart7: 'oklch(0.82 0.12 85)',
+        chart8: 'oklch(0.78 0.1 210)',
     },
 };
 export const radiusTokens = {

package/dist/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"preset.js","sourceRoot":"","sources":["../src/preset.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asteby/metacore-theme",
-  "version": "2.26.0",
+  "version": "2.28.0",
   "description": "Metacore design tokens + Tailwind 4 preset (oklch, shadows, fonts, dark mode)",
   "license": "Apache-2.0",
   "repository": {
@@ -35,6 +35,10 @@
     "./preset": {
       "types": "./dist/preset.d.ts",
       "import": "./dist/preset.js"
+    },
+    "./contrast": {
+      "types": "./dist/contrast.d.ts",
+      "import": "./dist/contrast.js"
     }
   },
   "peerDependencies": {

package/styles/glass.css

@@ -19,7 +19,14 @@
  * such as `bg-card` or `hover:bg-muted/50` in `@layer utilities`.
  */
 
-/* ─── Tokens ─── */
+/* ─── Tokens ───
+ * Readability floor: text never sits on the bare gradient. Every text
+ * surface (--background on the inset, --card, --popover, --sidebar) keeps an
+ * alpha high enough that, composited over the BRIGHTEST point of the backdrop
+ * (all three gradient peaks stacked, no blur), its foreground still clears
+ * WCAG AA — src/tokens-contrast.test.ts measures exactly that and fails CI
+ * when a brand pack lowers those alphas or brightens the blobs too far.
+ */
 [data-ui-theme='glass'] {
   --radius: 1.1rem;
   --font-sans: Manrope, Inter, sans-serif;
@@ -38,7 +45,8 @@
   --accent-foreground: oklch(0.24 0.04 250);
   /* Inner separators: a dark hairline reads on white glass, a white one doesn't. */
   --border: oklch(0.35 0.03 250 / 0.12);
-  --input: oklch(0.35 0.03 250 / 0.14);
+  /* Control boundary: ≥ 3:1 on the composited card (WCAG 1.4.11). */
+  --input: oklch(0.4 0.03 250 / 0.62);
   --sidebar: oklch(1 0 0 / 0.45);
   --sidebar-foreground: oklch(0.26 0.03 250);
   --sidebar-accent: oklch(1 0 0 / 0.6);
@@ -81,11 +89,15 @@
   --ui-surface-blur: var(--glass-blur);
   --ui-card-alpha: 0.5;
 
-  background-color: oklch(0.93 0.035 270);
-  background-image:
-    radial-gradient(48rem 34rem at 10% -8%, oklch(0.8 0.11 250 / 0.9), transparent 70%),
-    radial-gradient(40rem 30rem at 105% 20%, oklch(0.78 0.12 295 / 0.75), transparent 68%),
-    radial-gradient(38rem 28rem at 60% 115%, oklch(0.9 0.12 90 / 0.7), transparent 70%);
+  /* Backdrop: brand packs override these three blobs (or --glass-backdrop)
+     instead of rewriting background-image. */
+  --glass-gradient-1: radial-gradient(48rem 34rem at 10% -8%, oklch(0.8 0.11 250 / 0.9), transparent 70%);
+  --glass-gradient-2: radial-gradient(40rem 30rem at 105% 20%, oklch(0.78 0.12 295 / 0.75), transparent 68%);
+  --glass-gradient-3: radial-gradient(38rem 28rem at 60% 115%, oklch(0.9 0.12 90 / 0.7), transparent 70%);
+  --glass-backdrop: oklch(0.93 0.035 270);
+
+  background-color: var(--glass-backdrop);
+  background-image: var(--glass-gradient-1), var(--glass-gradient-2), var(--glass-gradient-3);
   background-attachment: fixed;
 }
 
@@ -103,7 +115,7 @@
   --accent: oklch(1 0 0 / 0.1);
   --accent-foreground: oklch(0.97 0.01 250);
   --border: oklch(1 0 0 / 0.1);
-  --input: oklch(1 0 0 / 0.12);
+  --input: oklch(1 0 0 / 0.36);
   --sidebar: oklch(0.2 0.03 255 / 0.5);
   --sidebar-foreground: oklch(0.94 0.01 250);
   --sidebar-accent: oklch(1 0 0 / 0.1);
@@ -126,11 +138,13 @@
   --glass-row-hover: oklch(1 0 0 / 0.05);
   --glass-thead: oklch(0.25 0.03 255 / 0.7);
 
-  background-color: oklch(0.16 0.03 260);
-  background-image:
-    radial-gradient(42rem 28rem at 8% -8%, oklch(0.45 0.16 250 / 0.7), transparent 70%),
-    radial-gradient(32rem 24rem at 100% 0%, oklch(0.4 0.12 200 / 0.55), transparent 68%),
-    radial-gradient(28rem 22rem at 70% 100%, oklch(0.42 0.14 300 / 0.45), transparent 70%);
+  --glass-gradient-1: radial-gradient(42rem 28rem at 8% -8%, oklch(0.45 0.16 250 / 0.7), transparent 70%);
+  --glass-gradient-2: radial-gradient(32rem 24rem at 100% 0%, oklch(0.4 0.12 200 / 0.55), transparent 68%);
+  --glass-gradient-3: radial-gradient(28rem 22rem at 70% 100%, oklch(0.42 0.14 300 / 0.45), transparent 70%);
+  --glass-backdrop: oklch(0.16 0.03 260);
+
+  background-color: var(--glass-backdrop);
+  background-image: var(--glass-gradient-1), var(--glass-gradient-2), var(--glass-gradient-3);
   background-attachment: fixed;
 }
 

package/styles/tokens.css

@@ -1,8 +1,18 @@
 :root {
-  /* Status hues for chips and badges (text-safe on --background). */
-  --success: oklch(0.56 0.14 155);
-  --warning: oklch(0.6 0.15 65);
-  --info: oklch(0.55 0.13 235);
+  /*
+   * Contrast contract (enforced by src/tokens-contrast.test.ts, WCAG 2.x AA):
+   * every *-foreground ≥ 4.5:1 on its surface; --primary, --destructive and
+   * the status hues ≥ 4.5:1 as text on --card (and on their own 14% tint,
+   * which is how Badge paints soft chips); --input (control boundary),
+   * --ring at 50% (focus) and --chart-1..8 ≥ 3:1 on --card.
+   */
+  /* Status hues for chips and badges (text-safe on --card and on their tint). */
+  --success: oklch(0.48 0.13 155);
+  --success-foreground: oklch(1 0 0);
+  --warning: oklch(0.5 0.13 60);
+  --warning-foreground: oklch(1 0 0);
+  --info: oklch(0.49 0.13 235);
+  --info-foreground: oklch(1 0 0);
 
   /*
    * Semantic surfaces for floating UI outside the metacore-ui primitives
@@ -27,24 +37,37 @@
   --card-foreground: oklch(0 0 0);
   --popover: oklch(0.9911 0 0);
   --popover-foreground: oklch(0 0 0);
-  --primary: oklch(0.55 0.14 175);
+  --primary: oklch(0.51 0.14 175);
   --primary-foreground: oklch(1.0000 0 0);
   --secondary: oklch(0.9540 0.0063 175);
   --secondary-foreground: oklch(0.1344 0 0);
   --muted: oklch(0.9702 0 0);
   --muted-foreground: oklch(0.4386 0 0);
   --accent: oklch(0.94 0.03 175);
-  --accent-foreground: oklch(0.5445 0.12 175);
-  --destructive: oklch(0.6290 0.1902 23.0704);
+  --accent-foreground: oklch(0.49 0.11 175);
+  --destructive: oklch(0.52 0.19 23);
   --destructive-foreground: oklch(1.0000 0 0);
   --border: oklch(0.9300 0.0094 175);
-  --input: oklch(0.9401 0 0);
+  /* Control boundary (inputs, selects, checkboxes): 1.4.11 needs 3:1. */
+  --input: oklch(0.64 0 0);
   --ring: oklch(0 0 0);
-  --chart-1: oklch(0.7459 0.1483 156.4499);
-  --chart-2: oklch(0.55 0.14 175);
-  --chart-3: oklch(0.7336 0.1758 50.5517);
-  --chart-4: oklch(0.5828 0.12 175);
-  --chart-5: oklch(0.5590 0 0);
+  /* Categorical series: distinct hues, each ≥ 3:1 on --card. */
+  --chart-1: oklch(0.62 0.14 156);
+  --chart-2: oklch(0.51 0.14 175);
+  --chart-3: oklch(0.64 0.16 50);
+  --chart-4: oklch(0.55 0.12 250);
+  --chart-5: oklch(0.56 0 0);
+  --chart-6: oklch(0.58 0.17 25);
+  --chart-7: oklch(0.6 0.12 85);
+  --chart-8: oklch(0.55 0.1 210);
+  /* Dashboard widget accents (@asteby/metacore-runtime-react CHART_PALETTE):
+     -600 shades, ≥ 3:1 on --card. */
+  --color-widget-emerald: #059669;
+  --color-widget-sky: #0284c7;
+  --color-widget-violet: #7c3aed;
+  --color-widget-amber: #d97706;
+  --color-widget-rose: #e11d48;
+  --color-widget-slate: #475569;
   --sidebar: oklch(0.9777 0.0051 175);
   --sidebar-foreground: oklch(0 0 0);
   --sidebar-primary: oklch(0 0 0);
@@ -91,7 +114,7 @@
   --popover: oklch(0.24 0.01 131);
   --popover-foreground: oklch(0.9551 0 0);
   --primary: oklch(0.65 0.14 175);
-  --primary-foreground: oklch(1.0000 0 0);
+  --primary-foreground: oklch(0.18 0 0);
   --secondary: oklch(0.29 0.02 175);
   --secondary-foreground: oklch(0.9551 0 0);
   --muted: oklch(0.29 0.02 175);
@@ -99,15 +122,26 @@
   --accent: oklch(0.28 0.05 175);
   --accent-foreground: oklch(0.80 0.10 175);
   --destructive: oklch(0.7106 0.1661 22.2162);
-  --destructive-foreground: oklch(1.0000 0 0);
+  --destructive-foreground: oklch(0.18 0 0);
   --border: oklch(0.33 0.02 175);
-  --input: oklch(0.33 0.02 175);
-  --ring: oklch(0.65 0.14 175);
-  --chart-1: oklch(0.8003 0.1821 151.7110);
-  --chart-2: oklch(0.65 0.14 175);
-  --chart-3: oklch(0.8077 0.1035 19.5706);
-  --chart-4: oklch(0.6691 0.10 175);
-  --chart-5: oklch(0.7058 0 0);
+  --input: oklch(0.55 0.02 175);
+  --ring: oklch(0.8 0.12 175);
+  /* High lightness on the dark canvas: every series ≥ 3:1 on --card. */
+  --chart-1: oklch(0.8 0.18 152);
+  --chart-2: oklch(0.72 0.14 175);
+  --chart-3: oklch(0.81 0.1 20);
+  --chart-4: oklch(0.75 0.11 250);
+  --chart-5: oklch(0.71 0 0);
+  --chart-6: oklch(0.74 0.15 25);
+  --chart-7: oklch(0.82 0.12 85);
+  --chart-8: oklch(0.78 0.1 210);
+  /* Widget accents: -400 shades, ≥ 3:1 on the dark --card. */
+  --color-widget-emerald: #34d399;
+  --color-widget-sky: #38bdf8;
+  --color-widget-violet: #a78bfa;
+  --color-widget-amber: #fbbf24;
+  --color-widget-rose: #fb7185;
+  --color-widget-slate: #94a3b8;
   --sidebar: oklch(0.20 0.01 131);
   --sidebar-foreground: oklch(0.9551 0 0);
   --sidebar-primary: oklch(0.65 0.14 175);
@@ -115,7 +149,7 @@
   --sidebar-accent: oklch(0.29 0.02 175);
   --sidebar-accent-foreground: oklch(0.65 0.14 175);
   --sidebar-border: oklch(0.33 0.02 175);
-  --sidebar-ring: oklch(0.65 0.14 175);
+  --sidebar-ring: oklch(0.8 0.12 175);
 
   --radius: 1.4rem;
   --shadow-x: 0px;
@@ -133,8 +167,11 @@
   --shadow-xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.16), 0px 8px 10px -1px hsl(0 0% 0% / 0.16);
   --shadow-2xl: 0px 2px 3px 0px hsl(0 0% 0% / 0.40);
   --success: oklch(0.78 0.14 155);
+  --success-foreground: oklch(0.18 0 0);
   --warning: oklch(0.82 0.14 80);
+  --warning-foreground: oklch(0.18 0 0);
   --info: oklch(0.78 0.11 235);
+  --info-foreground: oklch(0.18 0 0);
 }
 
 @theme inline {
@@ -162,6 +199,15 @@
   --color-chart-3: var(--chart-3);
   --color-chart-4: var(--chart-4);
   --color-chart-5: var(--chart-5);
+  --color-chart-6: var(--chart-6);
+  --color-chart-7: var(--chart-7);
+  --color-chart-8: var(--chart-8);
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
   --color-sidebar: var(--sidebar);
   --color-sidebar-foreground: var(--sidebar-foreground);
   --color-sidebar-primary: var(--sidebar-primary);