@adia-ai/web-components 0.7.28 → 0.8.1

package/styles/colors/parameters.css

@@ -26,10 +26,13 @@
 @property --a-brand-c-min              { syntax: "<number>"; inherits: true; initial-value: 0.02; }
 @property --a-brand-c-max              { syntax: "<number>"; inherits: true; initial-value: 0.18; }
 
-/* ── Accent ── */
-@property --a-accent-hue               { syntax: "<number>"; inherits: true; initial-value: 225; }
-@property --a-accent-c-min             { syntax: "<number>"; inherits: true; initial-value: 0.02; }
-@property --a-accent-c-max             { syntax: "<number>"; inherits: true; initial-value: 0.18; }
+/* ── Primary (interactive brand color — renamed from `accent`, 2026-07-14,
+   to consolidate with the `--a-primary-*` name already public for CTA
+   buttons and match Material's single `primary` family; see
+   .claude/docs/specs/material-color-bridge-contract.md) ── */
+@property --a-primary-hue              { syntax: "<number>"; inherits: true; initial-value: 225; }
+@property --a-primary-c-min            { syntax: "<number>"; inherits: true; initial-value: 0.02; }
+@property --a-primary-c-max            { syntax: "<number>"; inherits: true; initial-value: 0.18; }
 
 /* ── Info ── */
 @property --a-info-hue                 { syntax: "<number>"; inherits: true; initial-value: 250; }
@@ -57,3 +60,36 @@
 @property --a-danger-hue               { syntax: "<number>"; inherits: true; initial-value: 26; }
 @property --a-danger-c-min             { syntax: "<number>"; inherits: true; initial-value: 0.02; }
 @property --a-danger-c-max             { syntax: "<number>"; inherits: true; initial-value: 0.16; }
+
+/* ── Secondary (Material adoption, 2026-07-14 — see
+   .claude/docs/specs/material-color-bridge-contract.md Gap §1).
+   SAME hue as `primary` (225), deliberately — not a new hue position.
+   Empirically swept the entire open hue range (255-385°, the only gap
+   left by the 5 existing families) through a deuteranopia/protanopia
+   simulation against the 4 intent colors: EVERY candidate collapses
+   toward a near-identical simulated position (~280-290°), regardless of
+   chroma — the "cool" hue space left available all converges under CVD
+   simulation. There is exactly one genuinely clear slot (see `tertiary`
+   below), not two. Rather than force a second, marginal hue and risk a
+   real CVD collision, `secondary` reuses `primary`'s already-verified-
+   safe hue and differentiates purely by intensity (c-max 0.08 vs
+   primary's 0.18) — a muted/supporting variant, which is also a
+   legitimate, common real-world Material pattern (many M3 theme
+   generators derive secondary as a lower-chroma variant near primary's
+   own hue, not an unrelated color). Introduces zero new CVD risk. */
+@property --a-secondary-hue            { syntax: "<number>"; inherits: true; initial-value: 225; }
+@property --a-secondary-c-min          { syntax: "<number>"; inherits: true; initial-value: 0.02; }
+@property --a-secondary-c-max          { syntax: "<number>"; inherits: true; initial-value: 0.08; }
+
+/* ── Tertiary (Material adoption, 2026-07-14) ── */
+/* Hue 335 (rose/magenta) — the one hue in the entire open 255-385° range
+   that clears a real, computed minimum separation (~14-16°, deuteranopia
+   + protanopia simulated, checked against all 4 intent colors, culori's
+   inGamut-based cusp search) from every existing family. No l-lift
+   needed: real gamut-cusp computation (culori, sampled 0.05 L steps)
+   puts 335's cusp at L≈0.685 (Δ+0.12 from the ramp's mid-assumption
+   0.5625) — much smaller than warning's Δ+0.228 that actually required
+   one; 335 doesn't read muddy at peak chroma. */
+@property --a-tertiary-hue             { syntax: "<number>"; inherits: true; initial-value: 335; }
+@property --a-tertiary-c-min           { syntax: "<number>"; inherits: true; initial-value: 0.02; }
+@property --a-tertiary-c-max           { syntax: "<number>"; inherits: true; initial-value: 0.18; }

package/styles/colors/primitives-primary.css

@@ -0,0 +1,89 @@
+/* ═══════════════════════════════════════════════════════════════
+   Color Primitives — Primary (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, [theme], theme-provider {
+  /* ── Primary tints (05 lightest → 95 darkest) ── */
+  --a-primary-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-primary-c-min) + var(--_cf-05) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-10) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-15) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-20) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-25) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-30) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-35) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-40) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-45) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-50) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-55) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-60) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-65) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-70) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-75) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-80) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-85) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-90) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-95) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+
+  /* ── Primary shades (05 darkest → 95 lightest) ── */
+  --a-primary-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-primary-c-min) + var(--_cf-05) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-10) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-15) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-20) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-25) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-30) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-35) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-40) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-45) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-50) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-55) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-60) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-65) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-70) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-75) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-80) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-85) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-90) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+  --a-primary-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-primary-c-min) + var(--_cf-95) * (var(--a-primary-c-max) - var(--a-primary-c-min))) var(--a-primary-hue));
+
+  /* ── Coarse surface scale (0-7, linear increment) ── */
+  --a-primary-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+
+  --a-primary-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+  --a-primary-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-primary-c-min) var(--a-primary-hue));
+
+  /* ── Adaptive fine scale (light-dark) ── */
+  --a-primary-05: light-dark(var(--a-primary-05-tint), var(--a-primary-05-shade));
+  --a-primary-10: light-dark(var(--a-primary-10-tint), var(--a-primary-10-shade));
+  --a-primary-20: light-dark(var(--a-primary-20-tint), var(--a-primary-20-shade));
+  --a-primary-30: light-dark(var(--a-primary-30-tint), var(--a-primary-30-shade));
+  --a-primary-40: light-dark(var(--a-primary-40-tint), var(--a-primary-40-shade));
+  --a-primary-50: light-dark(var(--a-primary-50-tint), var(--a-primary-50-shade));
+  --a-primary-60: light-dark(var(--a-primary-60-tint), var(--a-primary-60-shade));
+  --a-primary-70: light-dark(var(--a-primary-70-tint), var(--a-primary-70-shade));
+  --a-primary-80: light-dark(var(--a-primary-80-tint), var(--a-primary-80-shade));
+  --a-primary-90: light-dark(var(--a-primary-90-tint), var(--a-primary-90-shade));
+  --a-primary-95: light-dark(var(--a-primary-95-tint), var(--a-primary-95-shade));
+
+  /* ── Adaptive coarse scale (light-dark) ── */
+  --a-primary-0: light-dark(var(--a-primary-0-tint), var(--a-primary-0-shade));
+  --a-primary-1: light-dark(var(--a-primary-1-tint), var(--a-primary-1-shade));
+  --a-primary-2: light-dark(var(--a-primary-2-tint), var(--a-primary-2-shade));
+  --a-primary-3: light-dark(var(--a-primary-3-tint), var(--a-primary-3-shade));
+  --a-primary-4: light-dark(var(--a-primary-4-tint), var(--a-primary-4-shade));
+  --a-primary-5: light-dark(var(--a-primary-5-tint), var(--a-primary-5-shade));
+  --a-primary-6: light-dark(var(--a-primary-6-tint), var(--a-primary-6-shade));
+}

package/styles/colors/primitives-secondary.css

@@ -0,0 +1,89 @@
+/* ═══════════════════════════════════════════════════════════════
+   Color Primitives — Secondary (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, [theme], theme-provider {
+  /* ── Secondary tints (05 lightest → 95 darkest) ── */
+  --a-secondary-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-secondary-c-min) + var(--_cf-05) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-10) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-15) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-20) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-25) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-30) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-35) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-40) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-45) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-50) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-55) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-60) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-65) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-70) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-75) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-80) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-85) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-90) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-95) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+
+  /* ── Secondary shades (05 darkest → 95 lightest) ── */
+  --a-secondary-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-secondary-c-min) + var(--_cf-05) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-10) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-15) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-20) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-25) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-30) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-35) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-40) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-45) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-50) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-55) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-60) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-65) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-70) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-75) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-80) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-85) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-90) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+  --a-secondary-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-secondary-c-min) + var(--_cf-95) * (var(--a-secondary-c-max) - var(--a-secondary-c-min))) var(--a-secondary-hue));
+
+  /* ── Coarse surface scale (0-7, linear increment) ── */
+  --a-secondary-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+
+  --a-secondary-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+  --a-secondary-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-secondary-c-min) var(--a-secondary-hue));
+
+  /* ── Adaptive fine scale (light-dark) ── */
+  --a-secondary-05: light-dark(var(--a-secondary-05-tint), var(--a-secondary-05-shade));
+  --a-secondary-10: light-dark(var(--a-secondary-10-tint), var(--a-secondary-10-shade));
+  --a-secondary-20: light-dark(var(--a-secondary-20-tint), var(--a-secondary-20-shade));
+  --a-secondary-30: light-dark(var(--a-secondary-30-tint), var(--a-secondary-30-shade));
+  --a-secondary-40: light-dark(var(--a-secondary-40-tint), var(--a-secondary-40-shade));
+  --a-secondary-50: light-dark(var(--a-secondary-50-tint), var(--a-secondary-50-shade));
+  --a-secondary-60: light-dark(var(--a-secondary-60-tint), var(--a-secondary-60-shade));
+  --a-secondary-70: light-dark(var(--a-secondary-70-tint), var(--a-secondary-70-shade));
+  --a-secondary-80: light-dark(var(--a-secondary-80-tint), var(--a-secondary-80-shade));
+  --a-secondary-90: light-dark(var(--a-secondary-90-tint), var(--a-secondary-90-shade));
+  --a-secondary-95: light-dark(var(--a-secondary-95-tint), var(--a-secondary-95-shade));
+
+  /* ── Adaptive coarse scale (light-dark) ── */
+  --a-secondary-0: light-dark(var(--a-secondary-0-tint), var(--a-secondary-0-shade));
+  --a-secondary-1: light-dark(var(--a-secondary-1-tint), var(--a-secondary-1-shade));
+  --a-secondary-2: light-dark(var(--a-secondary-2-tint), var(--a-secondary-2-shade));
+  --a-secondary-3: light-dark(var(--a-secondary-3-tint), var(--a-secondary-3-shade));
+  --a-secondary-4: light-dark(var(--a-secondary-4-tint), var(--a-secondary-4-shade));
+  --a-secondary-5: light-dark(var(--a-secondary-5-tint), var(--a-secondary-5-shade));
+  --a-secondary-6: light-dark(var(--a-secondary-6-tint), var(--a-secondary-6-shade));
+}

package/styles/colors/primitives-tertiary.css

@@ -0,0 +1,89 @@
+/* ═══════════════════════════════════════════════════════════════
+   Color Primitives — Tertiary (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, [theme], theme-provider {
+  /* ── Tertiary tints (05 lightest → 95 darkest) ── */
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-05) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-10) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-15) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-20) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-25) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-30) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-35) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-40) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-45) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-50) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-55) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-60) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-65) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-70) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-75) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-80) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-85) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-90) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-95) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+
+  /* ── Tertiary shades (05 darkest → 95 lightest) ── */
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-05) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-10) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-15) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-20) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-25) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-30) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-35) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-40) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-45) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-50) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-55) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-60) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-65) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-70) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-75) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-80) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-85) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-90) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+  --a-tertiary-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-tertiary-c-min) + var(--_cf-95) * (var(--a-tertiary-c-max) - var(--a-tertiary-c-min))) var(--a-tertiary-hue));
+
+  /* ── Coarse surface scale (0-7, linear increment) ── */
+  --a-tertiary-0-tint: oklch(calc(var(--a-color-l-max) - 0 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-1-tint: oklch(calc(var(--a-color-l-max) - 1 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-2-tint: oklch(calc(var(--a-color-l-max) - 2 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-3-tint: oklch(calc(var(--a-color-l-max) - 3 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-4-tint: oklch(calc(var(--a-color-l-max) - 4 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-5-tint: oklch(calc(var(--a-color-l-max) - 5 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-6-tint: oklch(calc(var(--a-color-l-max) - 6 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+
+  --a-tertiary-0-shade: oklch(calc(var(--a-color-l-min) + 0 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-1-shade: oklch(calc(var(--a-color-l-min) + 1 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-2-shade: oklch(calc(var(--a-color-l-min) + 2 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-3-shade: oklch(calc(var(--a-color-l-min) + 3 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-4-shade: oklch(calc(var(--a-color-l-min) + 4 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-5-shade: oklch(calc(var(--a-color-l-min) + 5 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+  --a-tertiary-6-shade: oklch(calc(var(--a-color-l-min) + 6 * var(--a-color-surface-increment)) var(--a-tertiary-c-min) var(--a-tertiary-hue));
+
+  /* ── Adaptive fine scale (light-dark) ── */
+  --a-tertiary-05: light-dark(var(--a-tertiary-05-tint), var(--a-tertiary-05-shade));
+  --a-tertiary-10: light-dark(var(--a-tertiary-10-tint), var(--a-tertiary-10-shade));
+  --a-tertiary-20: light-dark(var(--a-tertiary-20-tint), var(--a-tertiary-20-shade));
+  --a-tertiary-30: light-dark(var(--a-tertiary-30-tint), var(--a-tertiary-30-shade));
+  --a-tertiary-40: light-dark(var(--a-tertiary-40-tint), var(--a-tertiary-40-shade));
+  --a-tertiary-50: light-dark(var(--a-tertiary-50-tint), var(--a-tertiary-50-shade));
+  --a-tertiary-60: light-dark(var(--a-tertiary-60-tint), var(--a-tertiary-60-shade));
+  --a-tertiary-70: light-dark(var(--a-tertiary-70-tint), var(--a-tertiary-70-shade));
+  --a-tertiary-80: light-dark(var(--a-tertiary-80-tint), var(--a-tertiary-80-shade));
+  --a-tertiary-90: light-dark(var(--a-tertiary-90-tint), var(--a-tertiary-90-shade));
+  --a-tertiary-95: light-dark(var(--a-tertiary-95-tint), var(--a-tertiary-95-shade));
+
+  /* ── Adaptive coarse scale (light-dark) ── */
+  --a-tertiary-0: light-dark(var(--a-tertiary-0-tint), var(--a-tertiary-0-shade));
+  --a-tertiary-1: light-dark(var(--a-tertiary-1-tint), var(--a-tertiary-1-shade));
+  --a-tertiary-2: light-dark(var(--a-tertiary-2-tint), var(--a-tertiary-2-shade));
+  --a-tertiary-3: light-dark(var(--a-tertiary-3-tint), var(--a-tertiary-3-shade));
+  --a-tertiary-4: light-dark(var(--a-tertiary-4-tint), var(--a-tertiary-4-shade));
+  --a-tertiary-5: light-dark(var(--a-tertiary-5-tint), var(--a-tertiary-5-shade));
+  --a-tertiary-6: light-dark(var(--a-tertiary-6-tint), var(--a-tertiary-6-shade));
+}

package/styles/colors/primitives.css

@@ -10,7 +10,9 @@
 @import './primitives-shared.css';
 @import './primitives-neutral.css';
 @import './primitives-brand.css';
-@import './primitives-accent.css';
+@import './primitives-primary.css';
+@import './primitives-secondary.css';
+@import './primitives-tertiary.css';
 @import './primitives-info.css';
 @import './primitives-success.css';
 @import './primitives-warning.css';