@adia-ai/web-components 0.0.1

package/styles/colors/primitives-accent.css

@@ -0,0 +1,89 @@
+/* ═══════════════════════════════════════════════════════════════
+   Color Primitives — Accent (Fine Scale 05–95)
+   Tint: light-oriented (05 lightest → 95 darkest).
+   Shade: dark-oriented (05 darkest → 95 lightest).
+   Requires primitives-shared.css and parameters.css.
+   ═══════════════════════════════════════════════════════════════ */
+
+:root, theme-ui, [data-theme] {
+  /* ── Accent tints (05 lightest → 95 darkest) ── */
+  --a-accent-05-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-05) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-10-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-10) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-15-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-15) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-20-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-20) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-25-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-25) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-30-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-30) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-35-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-35) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-40-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-40) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-45-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-45) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-50-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-50) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-55-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-55) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-60-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-60) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-65-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-65) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-70-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-70) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-75-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-75) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-80-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-80) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-85-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-85) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-90-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-90) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-95-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-95) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+
+  /* ── Accent shades (05 darkest → 95 lightest) ── */
+  --a-accent-05-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-05) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-10-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-10) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-15-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-15) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-20-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-20) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-25-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-25) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-30-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-30) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-35-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-35) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-40-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-40) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-45-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-45) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-50-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-50) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-55-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-55) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-60-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-60) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-65-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-65) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-70-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-70) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-75-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-75) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-80-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-80) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-85-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-85) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-90-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-90) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+  --a-accent-95-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-accent-c-min) + var(--_cf-95) * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue));
+
+  /* ── Coarse surface scale (0-7, linear increment) ── */
+  --a-accent-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+
+  --a-accent-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+  --a-accent-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-accent-c-min) var(--a-accent-hue));
+
+  /* ── Adaptive fine scale (light-dark) ── */
+  --a-accent-05: light-dark(var(--a-accent-05-tint), var(--a-accent-05-shade));
+  --a-accent-10: light-dark(var(--a-accent-10-tint), var(--a-accent-10-shade));
+  --a-accent-20: light-dark(var(--a-accent-20-tint), var(--a-accent-20-shade));
+  --a-accent-30: light-dark(var(--a-accent-30-tint), var(--a-accent-30-shade));
+  --a-accent-40: light-dark(var(--a-accent-40-tint), var(--a-accent-40-shade));
+  --a-accent-50: light-dark(var(--a-accent-50-tint), var(--a-accent-50-shade));
+  --a-accent-60: light-dark(var(--a-accent-60-tint), var(--a-accent-60-shade));
+  --a-accent-70: light-dark(var(--a-accent-70-tint), var(--a-accent-70-shade));
+  --a-accent-80: light-dark(var(--a-accent-80-tint), var(--a-accent-80-shade));
+  --a-accent-90: light-dark(var(--a-accent-90-tint), var(--a-accent-90-shade));
+  --a-accent-95: light-dark(var(--a-accent-95-tint), var(--a-accent-95-shade));
+
+  /* ── Adaptive coarse scale (light-dark) ── */
+  --a-accent-0: light-dark(var(--a-accent-0-tint), var(--a-accent-0-shade));
+  --a-accent-1: light-dark(var(--a-accent-1-tint), var(--a-accent-1-shade));
+  --a-accent-2: light-dark(var(--a-accent-2-tint), var(--a-accent-2-shade));
+  --a-accent-3: light-dark(var(--a-accent-3-tint), var(--a-accent-3-shade));
+  --a-accent-4: light-dark(var(--a-accent-4-tint), var(--a-accent-4-shade));
+  --a-accent-5: light-dark(var(--a-accent-5-tint), var(--a-accent-5-shade));
+  --a-accent-6: light-dark(var(--a-accent-6-tint), var(--a-accent-6-shade));
+}

package/styles/colors/primitives-brand.css

@@ -0,0 +1,89 @@
+/* ═══════════════════════════════════════════════════════════════
+   Color Primitives — Brand (Fine Scale 05–95)
+   Tint: light-oriented (05 lightest → 95 darkest).
+   Shade: dark-oriented (05 darkest → 95 lightest).
+   Requires primitives-shared.css and parameters.css.
+   ═══════════════════════════════════════════════════════════════ */
+
+:root, theme-ui, [data-theme] {
+  /* ── Brand tints (05 lightest → 95 darkest) ── */
+  --a-brand-05-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-05) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-10-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-10) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-15-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-15) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-20-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-20) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-25-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-25) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-30-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-30) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-35-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-35) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-40-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-40) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-45-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-45) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-50-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-50) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-55-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-55) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-60-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-60) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-65-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-65) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-70-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-70) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-75-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-75) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-80-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-80) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-85-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-85) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-90-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-90) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-95-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-95) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+
+  /* ── Brand shades (05 darkest → 95 lightest) ── */
+  --a-brand-05-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-05) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-10-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-10) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-15-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-15) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-20-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-20) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-25-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-25) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-30-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-30) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-35-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-35) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-40-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-40) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-45-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-45) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-50-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-50) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-55-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-55) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-60-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-60) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-65-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-65) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-70-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-70) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-75-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-75) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-80-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-80) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-85-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-85) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-90-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-90) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+  --a-brand-95-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-brand-c-min) + var(--_cf-95) * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue));
+
+  /* ── Coarse surface scale (0-6, linear increment) ── */
+  --a-brand-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+
+  --a-brand-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+  --a-brand-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-brand-c-min) var(--a-brand-hue));
+
+  /* ── Adaptive fine scale (light-dark) ── */
+  --a-brand-05: light-dark(var(--a-brand-05-tint), var(--a-brand-05-shade));
+  --a-brand-10: light-dark(var(--a-brand-10-tint), var(--a-brand-10-shade));
+  --a-brand-20: light-dark(var(--a-brand-20-tint), var(--a-brand-20-shade));
+  --a-brand-30: light-dark(var(--a-brand-30-tint), var(--a-brand-30-shade));
+  --a-brand-40: light-dark(var(--a-brand-40-tint), var(--a-brand-40-shade));
+  --a-brand-50: light-dark(var(--a-brand-50-tint), var(--a-brand-50-shade));
+  --a-brand-60: light-dark(var(--a-brand-60-tint), var(--a-brand-60-shade));
+  --a-brand-70: light-dark(var(--a-brand-70-tint), var(--a-brand-70-shade));
+  --a-brand-80: light-dark(var(--a-brand-80-tint), var(--a-brand-80-shade));
+  --a-brand-90: light-dark(var(--a-brand-90-tint), var(--a-brand-90-shade));
+  --a-brand-95: light-dark(var(--a-brand-95-tint), var(--a-brand-95-shade));
+
+  /* ── Adaptive coarse scale (light-dark) ── */
+  --a-brand-0: light-dark(var(--a-brand-0-tint), var(--a-brand-0-shade));
+  --a-brand-1: light-dark(var(--a-brand-1-tint), var(--a-brand-1-shade));
+  --a-brand-2: light-dark(var(--a-brand-2-tint), var(--a-brand-2-shade));
+  --a-brand-3: light-dark(var(--a-brand-3-tint), var(--a-brand-3-shade));
+  --a-brand-4: light-dark(var(--a-brand-4-tint), var(--a-brand-4-shade));
+  --a-brand-5: light-dark(var(--a-brand-5-tint), var(--a-brand-5-shade));
+  --a-brand-6: light-dark(var(--a-brand-6-tint), var(--a-brand-6-shade));
+}

package/styles/colors/primitives-danger.css

@@ -0,0 +1,89 @@
+/* ═══════════════════════════════════════════════════════════════
+   Color Primitives — Danger (Fine Scale 05–95)
+   Tint: light-oriented (05 lightest → 95 darkest).
+   Shade: dark-oriented (05 darkest → 95 lightest).
+   Requires primitives-shared.css and parameters.css.
+   ═══════════════════════════════════════════════════════════════ */
+
+:root, theme-ui, [data-theme] {
+  /* ── Danger tints (05 lightest → 95 darkest) ── */
+  --a-danger-05-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-05) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-10-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-10) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-15-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-15) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-20-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-20) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-25-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-25) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-30-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-30) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-35-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-35) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-40-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-40) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-45-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-45) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-50-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-50) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-55-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-55) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-60-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-60) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-65-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-65) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-70-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-70) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-75-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-75) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-80-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-80) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-85-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-85) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-90-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-90) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-95-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-95) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+
+  /* ── Danger shades (05 darkest → 95 lightest) ── */
+  --a-danger-05-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-05) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-10-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-10) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-15-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-15) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-20-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-20) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-25-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-25) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-30-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-30) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-35-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-35) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-40-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-40) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-45-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-45) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-50-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-50) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-55-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-55) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-60-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-60) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-65-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-65) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-70-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-70) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-75-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-75) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-80-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-80) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-85-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-85) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-90-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-90) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+  --a-danger-95-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-danger-c-min) + var(--_cf-95) * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue));
+
+  /* ── Coarse surface scale (0-6, linear increment) ── */
+  --a-danger-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+
+  --a-danger-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+  --a-danger-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-danger-c-min) var(--a-danger-hue));
+
+  /* ── Adaptive fine scale (light-dark) ── */
+  --a-danger-05: light-dark(var(--a-danger-05-tint), var(--a-danger-05-shade));
+  --a-danger-10: light-dark(var(--a-danger-10-tint), var(--a-danger-10-shade));
+  --a-danger-20: light-dark(var(--a-danger-20-tint), var(--a-danger-20-shade));
+  --a-danger-30: light-dark(var(--a-danger-30-tint), var(--a-danger-30-shade));
+  --a-danger-40: light-dark(var(--a-danger-40-tint), var(--a-danger-40-shade));
+  --a-danger-50: light-dark(var(--a-danger-50-tint), var(--a-danger-50-shade));
+  --a-danger-60: light-dark(var(--a-danger-60-tint), var(--a-danger-60-shade));
+  --a-danger-70: light-dark(var(--a-danger-70-tint), var(--a-danger-70-shade));
+  --a-danger-80: light-dark(var(--a-danger-80-tint), var(--a-danger-80-shade));
+  --a-danger-90: light-dark(var(--a-danger-90-tint), var(--a-danger-90-shade));
+  --a-danger-95: light-dark(var(--a-danger-95-tint), var(--a-danger-95-shade));
+
+  /* ── Adaptive coarse scale (light-dark) ── */
+  --a-danger-0: light-dark(var(--a-danger-0-tint), var(--a-danger-0-shade));
+  --a-danger-1: light-dark(var(--a-danger-1-tint), var(--a-danger-1-shade));
+  --a-danger-2: light-dark(var(--a-danger-2-tint), var(--a-danger-2-shade));
+  --a-danger-3: light-dark(var(--a-danger-3-tint), var(--a-danger-3-shade));
+  --a-danger-4: light-dark(var(--a-danger-4-tint), var(--a-danger-4-shade));
+  --a-danger-5: light-dark(var(--a-danger-5-tint), var(--a-danger-5-shade));
+  --a-danger-6: light-dark(var(--a-danger-6-tint), var(--a-danger-6-shade));
+}

package/styles/colors/primitives-info.css

@@ -0,0 +1,89 @@
+/* ═══════════════════════════════════════════════════════════════
+   Color Primitives — Info (Fine Scale 05–95)
+   Tint: light-oriented (05 lightest → 95 darkest).
+   Shade: dark-oriented (05 darkest → 95 lightest).
+   Requires primitives-shared.css and parameters.css.
+   ═══════════════════════════════════════════════════════════════ */
+
+:root, theme-ui, [data-theme] {
+  /* ── Info tints (05 lightest → 95 darkest) ── */
+  --a-info-05-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-05) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-10-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-10) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-15-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-15) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-20-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-20) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-25-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-25) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-30-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-30) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-35-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-35) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-40-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-40) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-45-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-45) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-50-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-50) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-55-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-55) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-60-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-60) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-65-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-65) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-70-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-70) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-75-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-75) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-80-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-80) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-85-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-85) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-90-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-90) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-95-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-95) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+
+  /* ── Info shades (05 darkest → 95 lightest) ── */
+  --a-info-05-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-05) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-10-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-10) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-15-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-15) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-20-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-20) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-25-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-25) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-30-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-30) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-35-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-35) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-40-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-40) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-45-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-45) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-50-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-50) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-55-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-55) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-60-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-60) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-65-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-65) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-70-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-70) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-75-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-75) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-80-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-80) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-85-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-85) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-90-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-90) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+  --a-info-95-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-info-c-min) + var(--_cf-95) * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue));
+
+  /* ── Coarse surface scale (0-6, linear increment) ── */
+  --a-info-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+
+  --a-info-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+  --a-info-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-info-c-min) var(--a-info-hue));
+
+  /* ── Adaptive fine scale (light-dark) ── */
+  --a-info-05: light-dark(var(--a-info-05-tint), var(--a-info-05-shade));
+  --a-info-10: light-dark(var(--a-info-10-tint), var(--a-info-10-shade));
+  --a-info-20: light-dark(var(--a-info-20-tint), var(--a-info-20-shade));
+  --a-info-30: light-dark(var(--a-info-30-tint), var(--a-info-30-shade));
+  --a-info-40: light-dark(var(--a-info-40-tint), var(--a-info-40-shade));
+  --a-info-50: light-dark(var(--a-info-50-tint), var(--a-info-50-shade));
+  --a-info-60: light-dark(var(--a-info-60-tint), var(--a-info-60-shade));
+  --a-info-70: light-dark(var(--a-info-70-tint), var(--a-info-70-shade));
+  --a-info-80: light-dark(var(--a-info-80-tint), var(--a-info-80-shade));
+  --a-info-90: light-dark(var(--a-info-90-tint), var(--a-info-90-shade));
+  --a-info-95: light-dark(var(--a-info-95-tint), var(--a-info-95-shade));
+
+  /* ── Adaptive coarse scale (light-dark) ── */
+  --a-info-0: light-dark(var(--a-info-0-tint), var(--a-info-0-shade));
+  --a-info-1: light-dark(var(--a-info-1-tint), var(--a-info-1-shade));
+  --a-info-2: light-dark(var(--a-info-2-tint), var(--a-info-2-shade));
+  --a-info-3: light-dark(var(--a-info-3-tint), var(--a-info-3-shade));
+  --a-info-4: light-dark(var(--a-info-4-tint), var(--a-info-4-shade));
+  --a-info-5: light-dark(var(--a-info-5-tint), var(--a-info-5-shade));
+  --a-info-6: light-dark(var(--a-info-6-tint), var(--a-info-6-shade));
+}

package/styles/colors/primitives-neutral.css

@@ -0,0 +1,91 @@
+/* ═══════════════════════════════════════════════════════════════
+   Color Primitives — Neutral (Fine Scale 05–95)
+   Tint: light-oriented (05 lightest → 95 darkest).
+   Shade: dark-oriented (05 darkest → 95 lightest).
+   Requires primitives-shared.css and parameters.css.
+   ═══════════════════════════════════════════════════════════════ */
+
+:root, theme-ui, [data-theme] {
+  /* ── Neutral tints (05 lightest → 95 darkest) ── */
+  --a-neutral-05-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-05) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-10-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-10) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-15-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-15) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-20-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-20) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-25-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-25) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-30-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-30) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-35-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-35) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-40-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-40) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-45-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-45) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-50-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-50) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-55-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-55) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-60-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-60) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-65-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-65) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-70-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-70) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-75-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-75) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-80-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-80) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-85-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-85) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-90-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-90) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-95-tint: oklch(calc(var(--a-color-l-max) - var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-95) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+
+  /* ── Neutral shades (05 darkest → 95 lightest) ── */
+  --a-neutral-05-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-05) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-05) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-10-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-10) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-10) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-15-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-15) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-15) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-20-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-20) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-20) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-25-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-25) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-25) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-30-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-30) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-30) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-35-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-35) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-35) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-40-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-40) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-40) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-45-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-45) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-45) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-50-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-50) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-50) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-55-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-55) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-55) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-60-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-60) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-60) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-65-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-65) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-65) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-70-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-70) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-70) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-75-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-75) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-75) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-80-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-80) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-80) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-85-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-85) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-85) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-90-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-90) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-90) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+  --a-neutral-95-shade: oklch(calc(var(--a-color-l-min) + var(--_sf-95) * (var(--a-color-l-max) - var(--a-color-l-min))) calc(var(--a-neutral-c-min) + var(--_cf-95) * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue));
+
+  /* ── Coarse surface scale (0-7, linear increment) ──
+     Small, equal perceptual jumps for surface stacking.
+     Formula: tint = L-max - N × increment ; shade = L-min + N × increment. */
+  --a-neutral-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+
+  --a-neutral-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+  --a-neutral-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-neutral-c-min) var(--a-neutral-hue));
+
+  /* ── Adaptive fine scale (light-dark) ── */
+  --a-neutral-05: light-dark(var(--a-neutral-05-tint), var(--a-neutral-05-shade));
+  --a-neutral-10: light-dark(var(--a-neutral-10-tint), var(--a-neutral-10-shade));
+  --a-neutral-20: light-dark(var(--a-neutral-20-tint), var(--a-neutral-20-shade));
+  --a-neutral-30: light-dark(var(--a-neutral-30-tint), var(--a-neutral-30-shade));
+  --a-neutral-40: light-dark(var(--a-neutral-40-tint), var(--a-neutral-40-shade));
+  --a-neutral-50: light-dark(var(--a-neutral-50-tint), var(--a-neutral-50-shade));
+  --a-neutral-60: light-dark(var(--a-neutral-60-tint), var(--a-neutral-60-shade));
+  --a-neutral-70: light-dark(var(--a-neutral-70-tint), var(--a-neutral-70-shade));
+  --a-neutral-80: light-dark(var(--a-neutral-80-tint), var(--a-neutral-80-shade));
+  --a-neutral-90: light-dark(var(--a-neutral-90-tint), var(--a-neutral-90-shade));
+  --a-neutral-95: light-dark(var(--a-neutral-95-tint), var(--a-neutral-95-shade));
+
+  /* ── Adaptive coarse scale (light-dark) ── */
+  --a-neutral-0: light-dark(var(--a-neutral-0-tint), var(--a-neutral-0-shade));
+  --a-neutral-1: light-dark(var(--a-neutral-1-tint), var(--a-neutral-1-shade));
+  --a-neutral-2: light-dark(var(--a-neutral-2-tint), var(--a-neutral-2-shade));
+  --a-neutral-3: light-dark(var(--a-neutral-3-tint), var(--a-neutral-3-shade));
+  --a-neutral-4: light-dark(var(--a-neutral-4-tint), var(--a-neutral-4-shade));
+  --a-neutral-5: light-dark(var(--a-neutral-5-tint), var(--a-neutral-5-shade));
+  --a-neutral-6: light-dark(var(--a-neutral-6-tint), var(--a-neutral-6-shade));
+}

package/styles/colors/primitives-shared.css

@@ -0,0 +1,57 @@
+/* ═══════════════════════════════════════════════════════════════
+   Color Primitives — Shared computation factors
+   Step fractions (--_sf-*) and chroma curve factors (--_cf-*).
+   Used by all family primitive files.
+   ═══════════════════════════════════════════════════════════════ */
+
+:root {
+  /* ── Shared step fractions (step / 100) ── */
+  --_sf-05: 0.05;
+  --_sf-10: 0.10;
+  --_sf-15: 0.15;
+  --_sf-20: 0.20;
+  --_sf-25: 0.25;
+  --_sf-30: 0.30;
+  --_sf-35: 0.35;
+  --_sf-40: 0.40;
+  --_sf-45: 0.45;
+  --_sf-50: 0.50;
+  --_sf-55: 0.55;
+  --_sf-60: 0.60;
+  --_sf-65: 0.65;
+  --_sf-70: 0.70;
+  --_sf-75: 0.75;
+  --_sf-80: 0.80;
+  --_sf-85: 0.85;
+  --_sf-90: 0.90;
+  --_sf-95: 0.95;
+
+  /* ── Shared chroma curve factors (1 - t²) ── */
+  --_cf-05: 0;
+  --_cf-10: 0.2099;
+  --_cf-15: 0.3951;
+  --_cf-20: 0.5551;
+  --_cf-25: 0.6914;
+  --_cf-30: 0.8025;
+  --_cf-35: 0.8889;
+  --_cf-40: 0.9506;
+  --_cf-45: 0.9877;
+  --_cf-50: 1;
+  --_cf-55: 0.9877;
+  --_cf-60: 0.9506;
+  --_cf-65: 0.8889;
+  --_cf-70: 0.8025;
+  --_cf-75: 0.6914;
+  --_cf-80: 0.5551;
+  --_cf-85: 0.3951;
+  --_cf-90: 0.2099;
+  --_cf-95: 0;
+
+  --_af-0: calc(var(--a-color-alpha-min) * 1);
+  --_af-1: calc(var(--a-color-alpha-min) * 2);
+  --_af-2: calc(var(--a-color-alpha-min) * 3);
+  --_af-3: calc(var(--a-color-alpha-min) * 4);
+  --_af-4: calc(var(--a-color-alpha-min) * 5);
+  --_af-5: calc(var(--a-color-alpha-min) * 6);
+  --_af-6: calc(var(--a-color-alpha-min) * 7);
+}