@adia-ai/web-components 0.7.27 → 0.8.0

package/styles/colors/scrims.css

@@ -1,182 +1,21 @@
 /* ═══════════════════════════════════════════════════════════════
-   Color Scrims — 7-step scale (0-6) per family.
-
-     Alpha:   0.10, 0.20, 0.30, 0.40, 0.50, 0.60, 0.70
-     Chroma:  parabolic curve (0, 0.556, 0.889, 1.0, 0.889, 0.556, 0)
-              — peak saturation at step 3 (the default overlay weight).
-
-   Three tokens per step:
-     --a-{family}-N-tint-scrim   always lightens   (tint-scrim-l)
-     --a-{family}-N-shade-scrim  always darkens    (shade-scrim-l)
-     --a-{family}-N-scrim        adaptive          light-dark(shade, tint)
-
-   Use the adaptive -scrim by default. Reach for -tint-scrim / -shade-scrim
-   when you need fixed direction regardless of mode (e.g. modal backdrops
-   that should always dim).
-
-   Depends on: parameters.css
+   Color Scrims — RETIRED (2026-07-14, Material "replace the
+   computational layer" Phase 5)
+
+   Used to declare a computed 7-step (0-6) alpha-scrim ramp per family
+   (--a-{family}-N-tint-scrim / -shade-scrim / -scrim, 189 tokens total)
+   — a fixed-hue, parabolic-chroma, increasing-alpha overlay ramp per
+   family, consumed by three places: surfaces.css's `--a-canvas-N-scrim`,
+   semantics/aliases.css's `--a-scrim-*` role names, and the old
+   Phase 1-3 material-bridge.css's `-container-low/-high` aliasing.
+
+   All three were re-routed to the static `--md-sys-color-{fam}-scrim-
+   weakest..strongest` ladder (material-static.css already ships this
+   shape) as part of Phase 5's full-file sweep — surfaces.css and
+   semantics/aliases.css now read the static ladder directly, and
+   bridges/material-bridge.css was already retired in Phase 4. A repo
+   grep confirmed zero other consumers of any `--a-{family}-N-{tint-
+   shade-}scrim` token exist, so this file's own declarations are dead
+   and were removed rather than left computing values nothing reads.
+   No longer imported by colors/index.css.
    ═══════════════════════════════════════════════════════════════ */
-
-:root, theme-ui, [theme], theme-provider {
-
-  /* ── Neutral ── */
-  --a-neutral-0-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-0));
-  --a-neutral-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-0));
-  --a-neutral-0-scrim:       light-dark(var(--a-neutral-0-shade-scrim), var(--a-neutral-0-tint-scrim));
-  --a-neutral-1-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-1));
-  --a-neutral-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-1));
-  --a-neutral-1-scrim:       light-dark(var(--a-neutral-1-shade-scrim), var(--a-neutral-1-tint-scrim));
-  --a-neutral-2-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-2));
-  --a-neutral-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-2));
-  --a-neutral-2-scrim:       light-dark(var(--a-neutral-2-shade-scrim), var(--a-neutral-2-tint-scrim));
-  --a-neutral-3-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 1.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-3));
-  --a-neutral-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 1.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-3));
-  --a-neutral-3-scrim:       light-dark(var(--a-neutral-3-shade-scrim), var(--a-neutral-3-tint-scrim));
-  --a-neutral-4-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-4));
-  --a-neutral-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.8889 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-4));
-  --a-neutral-4-scrim:       light-dark(var(--a-neutral-4-shade-scrim), var(--a-neutral-4-tint-scrim));
-  --a-neutral-5-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-5));
-  --a-neutral-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.5556 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-5));
-  --a-neutral-5-scrim:       light-dark(var(--a-neutral-5-shade-scrim), var(--a-neutral-5-tint-scrim));
-  --a-neutral-6-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-6));
-  --a-neutral-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-neutral-c-min) + 0.0000 * (var(--a-neutral-c-max) - var(--a-neutral-c-min))) var(--a-neutral-hue) / var(--_af-6));
-  --a-neutral-6-scrim:       light-dark(var(--a-neutral-6-shade-scrim), var(--a-neutral-6-tint-scrim));
-
-  /* ── Accent ── */
-  --a-accent-0-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-0-scrim:       light-dark(var(--a-accent-0-shade-scrim), var(--a-accent-0-tint-scrim));
-  --a-accent-1-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-1-scrim:       light-dark(var(--a-accent-1-shade-scrim), var(--a-accent-1-tint-scrim));
-  --a-accent-2-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-2-scrim:       light-dark(var(--a-accent-2-shade-scrim), var(--a-accent-2-tint-scrim));
-  --a-accent-3-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 1.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 1.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-3-scrim:       light-dark(var(--a-accent-3-shade-scrim), var(--a-accent-3-tint-scrim));
-  --a-accent-4-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.8889 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-4-scrim:       light-dark(var(--a-accent-4-shade-scrim), var(--a-accent-4-tint-scrim));
-  --a-accent-5-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.5556 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-5-scrim:       light-dark(var(--a-accent-5-shade-scrim), var(--a-accent-5-tint-scrim));
-  --a-accent-6-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-accent-c-min) + 0.0000 * (var(--a-accent-c-max) - var(--a-accent-c-min))) var(--a-accent-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-accent-6-scrim:       light-dark(var(--a-accent-6-shade-scrim), var(--a-accent-6-tint-scrim));
-
-  /* ── Brand ── */
-  --a-brand-0-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-0-scrim:       light-dark(var(--a-brand-0-shade-scrim), var(--a-brand-0-tint-scrim));
-  --a-brand-1-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-1-scrim:       light-dark(var(--a-brand-1-shade-scrim), var(--a-brand-1-tint-scrim));
-  --a-brand-2-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-2-scrim:       light-dark(var(--a-brand-2-shade-scrim), var(--a-brand-2-tint-scrim));
-  --a-brand-3-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 1.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 1.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-3-scrim:       light-dark(var(--a-brand-3-shade-scrim), var(--a-brand-3-tint-scrim));
-  --a-brand-4-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.8889 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-4-scrim:       light-dark(var(--a-brand-4-shade-scrim), var(--a-brand-4-tint-scrim));
-  --a-brand-5-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.5556 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-5-scrim:       light-dark(var(--a-brand-5-shade-scrim), var(--a-brand-5-tint-scrim));
-  --a-brand-6-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-brand-c-min) + 0.0000 * (var(--a-brand-c-max) - var(--a-brand-c-min))) var(--a-brand-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-brand-6-scrim:       light-dark(var(--a-brand-6-shade-scrim), var(--a-brand-6-tint-scrim));
-
-  /* ── Info ── */
-  --a-info-0-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-0-scrim:       light-dark(var(--a-info-0-shade-scrim), var(--a-info-0-tint-scrim));
-  --a-info-1-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-1-scrim:       light-dark(var(--a-info-1-shade-scrim), var(--a-info-1-tint-scrim));
-  --a-info-2-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-2-scrim:       light-dark(var(--a-info-2-shade-scrim), var(--a-info-2-tint-scrim));
-  --a-info-3-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 1.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 1.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-3-scrim:       light-dark(var(--a-info-3-shade-scrim), var(--a-info-3-tint-scrim));
-  --a-info-4-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.8889 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-4-scrim:       light-dark(var(--a-info-4-shade-scrim), var(--a-info-4-tint-scrim));
-  --a-info-5-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.5556 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-5-scrim:       light-dark(var(--a-info-5-shade-scrim), var(--a-info-5-tint-scrim));
-  --a-info-6-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-info-c-min) + 0.0000 * (var(--a-info-c-max) - var(--a-info-c-min))) var(--a-info-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-info-6-scrim:       light-dark(var(--a-info-6-shade-scrim), var(--a-info-6-tint-scrim));
-
-  /* ── Success ── */
-  --a-success-0-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-0-scrim:       light-dark(var(--a-success-0-shade-scrim), var(--a-success-0-tint-scrim));
-  --a-success-1-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-1-scrim:       light-dark(var(--a-success-1-shade-scrim), var(--a-success-1-tint-scrim));
-  --a-success-2-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-2-scrim:       light-dark(var(--a-success-2-shade-scrim), var(--a-success-2-tint-scrim));
-  --a-success-3-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 1.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 1.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-3-scrim:       light-dark(var(--a-success-3-shade-scrim), var(--a-success-3-tint-scrim));
-  --a-success-4-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.8889 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-4-scrim:       light-dark(var(--a-success-4-shade-scrim), var(--a-success-4-tint-scrim));
-  --a-success-5-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.5556 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-5-scrim:       light-dark(var(--a-success-5-shade-scrim), var(--a-success-5-tint-scrim));
-  --a-success-6-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-success-c-min) + 0.0000 * (var(--a-success-c-max) - var(--a-success-c-min))) var(--a-success-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-success-6-scrim:       light-dark(var(--a-success-6-shade-scrim), var(--a-success-6-tint-scrim));
-
-  /* ── Warning ── */
-  --a-warning-0-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-0-scrim:       light-dark(var(--a-warning-0-shade-scrim), var(--a-warning-0-tint-scrim));
-  --a-warning-1-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-1-scrim:       light-dark(var(--a-warning-1-shade-scrim), var(--a-warning-1-tint-scrim));
-  --a-warning-2-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-2-scrim:       light-dark(var(--a-warning-2-shade-scrim), var(--a-warning-2-tint-scrim));
-  --a-warning-3-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 1.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 1.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-3-scrim:       light-dark(var(--a-warning-3-shade-scrim), var(--a-warning-3-tint-scrim));
-  --a-warning-4-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.8889 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-4-scrim:       light-dark(var(--a-warning-4-shade-scrim), var(--a-warning-4-tint-scrim));
-  --a-warning-5-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.5556 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-5-scrim:       light-dark(var(--a-warning-5-shade-scrim), var(--a-warning-5-tint-scrim));
-  --a-warning-6-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-warning-c-min) + 0.0000 * (var(--a-warning-c-max) - var(--a-warning-c-min))) var(--a-warning-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-warning-6-scrim:       light-dark(var(--a-warning-6-shade-scrim), var(--a-warning-6-tint-scrim));
-
-  /* ── Danger ── */
-  --a-danger-0-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-0-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.10 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-0-scrim:       light-dark(var(--a-danger-0-shade-scrim), var(--a-danger-0-tint-scrim));
-  --a-danger-1-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-1-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.20 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-1-scrim:       light-dark(var(--a-danger-1-shade-scrim), var(--a-danger-1-tint-scrim));
-  --a-danger-2-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-2-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.30 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-2-scrim:       light-dark(var(--a-danger-2-shade-scrim), var(--a-danger-2-tint-scrim));
-  --a-danger-3-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 1.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-3-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 1.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.40 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-3-scrim:       light-dark(var(--a-danger-3-shade-scrim), var(--a-danger-3-tint-scrim));
-  --a-danger-4-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-4-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.8889 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.50 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-4-scrim:       light-dark(var(--a-danger-4-shade-scrim), var(--a-danger-4-tint-scrim));
-  --a-danger-5-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-5-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.5556 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.60 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-5-scrim:       light-dark(var(--a-danger-5-shade-scrim), var(--a-danger-5-tint-scrim));
-  --a-danger-6-tint-scrim:  oklch(var(--a-color-tint-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-6-shade-scrim: oklch(var(--a-color-shade-scrim-l) calc(var(--a-danger-c-min) + 0.0000 * (var(--a-danger-c-max) - var(--a-danger-c-min))) var(--a-danger-hue) / calc(var(--a-color-alpha-min) + 0.70 * (var(--a-color-alpha-max) - var(--a-color-alpha-min))));
-  --a-danger-6-scrim:       light-dark(var(--a-danger-6-shade-scrim), var(--a-danger-6-tint-scrim));
-}

package/styles/colors/semantics/aliases.css

@@ -1,21 +1,35 @@
 /* adia:semantic/color — scrim role aliases.
-   --a-scrim-* role names mapping onto the adaptive scrim-0..6 scale in
-   scrims.css. Imported by the semantics.css barrel.
+   --a-scrim-* role names mapping onto the static --md-sys-color-neutral-
+   scrim-* ladder in material-static.css. Imported by the semantics.css
+   barrel.
    (0.7.9: the legacy STATUS COMPAT block that overrode --a-danger /
    --a-success to -strong was removed — status families now resolve to their
    base tier deliberately. The base tokens are defined upstream in core.css,
-   so removing the override is non-breaking.) */
+   so removing the override is non-breaking.)
+
+   Re-sourced 2026-07-14 (Material Phase 5): matched by ALPHA VALUE, not
+   name position — the old `--a-neutral-N-shade-scrim` ramp (scrims.css,
+   still computed) ran 10/20/30/40/50/60/70% for steps 0-6; the static
+   ladder runs 5/10/20/30/40/50/60% for weakest..strongest. Every alpha
+   below has an exact match except the old 70% "heaviest veil", which has
+   no static equivalent — strongest (60%) is the closest available and is
+   used as-is (a visibly lighter heaviest-veil than before; flagged, not
+   silently made up). Also note: the static scrim is a fixed neutral-500
+   mid-tone overlay (`light-dark(X, X)`, same both schemes) rather than
+   the old near-black shade-primitive overlay — both are non-adaptive
+   "always this color" scrims, but the static one reads lighter/greyer
+   than the old near-black veil. */
 
 :root, theme-ui, [theme], theme-provider {
   /* ══════════════════════════════════════════════════════════════
-     SCRIMS — Role aliases. Map onto the 7-step adaptive scrim-0..6
-     scale in scrims.css. Per-family semantic tiers (weak / default /
-     strong / peak) live in surfaces.css.
+     SCRIMS — Role aliases onto the static 7-step scrim ladder.
+     Per-family semantic tiers (weak / default / strong / peak) live
+     in surfaces.css.
      ══════════════════════════════════════════════════════════════ */
 
-  --a-scrim-weak:    var(--a-neutral-1-shade-scrim);  /* 20% — hover wash */
-  --a-scrim-toast:   var(--a-neutral-2-shade-scrim);  /* 30% — toast veil */
-  --a-scrim-default: var(--a-neutral-3-shade-scrim);  /* 40% — generic overlay */
-  --a-scrim-dialog:  var(--a-neutral-4-shade-scrim);  /* 50% — modal backdrop */
-  --a-scrim-strong:  var(--a-neutral-6-shade-scrim);  /* 70% — heaviest veil */
+  --a-scrim-weak:    var(--md-sys-color-neutral-scrim-weak);      /* 20% — hover wash */
+  --a-scrim-toast:   var(--md-sys-color-neutral-scrim);           /* 30% — toast veil */
+  --a-scrim-default: var(--md-sys-color-neutral-scrim-strong);    /* 40% — generic overlay */
+  --a-scrim-dialog:  var(--md-sys-color-neutral-scrim-stronger);  /* 50% — modal backdrop */
+  --a-scrim-strong:  var(--md-sys-color-neutral-scrim-strongest); /* 60% (was 70%) — heaviest veil */
 }

package/styles/colors/semantics/buckets.css

@@ -1,7 +1,23 @@
 /* adia:semantic/color — sequential data-vis buckets (5-step per family).
    Distinct from --a-data-0..9 (categorical): buckets are 5 ordered steps
    within ONE family for heatmap/choropleth/treemap intensity.
-   Split out of semantics.css (v0.6.48 reorg, ADR-0035). */
+   Split out of semantics.css (v0.6.48 reorg, ADR-0035).
+
+   DELIBERATELY STAYS COMPUTED (2026-07-14, Material "replace the
+   computational layer" Phase 5 investigation): a sequential 5-step
+   perceptually-uniform ramp needs a continuous scale, which the
+   static export doesn't ship per family — it ships ~12 discrete,
+   purpose-built named roles (hover/active/container/dim/bright/low/
+   high), several of which flip direction between light and dark scheme
+   (tuned for on-surface emphasis, not sequential intensity) and would
+   produce a non-monotonic, uneven ramp if forced into this shape. Same
+   reasoning as `data-viz.css`'s categorical palette staying computed.
+   `bucket-2`'s anchor is now the raw coarse primitive directly
+   (`--a-{family}-60`, matching what `--a-{family}-strong` aliased
+   before Phase 4 made that semantic token static) rather than the
+   now-static `--a-{family}-strong` — keeps all 5 steps on the same
+   computed OKLCH ramp instead of one static outlier surrounded by
+   computed neighbors. */
 
 :root, theme-ui, [theme], theme-provider {
   /* ══════════════════════════════════════════════════════════════
@@ -11,8 +27,8 @@
      are 5 steps within ONE family, ordered low → high. Used by sequential
      data-vis surfaces (heatmap-ui, choropleth, treemap intensity).
 
-     Anchor: bucket-2 = `--a-{family}-strong` (semantic step-50). Steps 0
-     and 1 sit lighter (toward muted); steps 3 and 4 sit deeper (toward
+     Anchor: bucket-2 = the raw `--a-{family}-60` coarse primitive. Steps
+     0 and 1 sit lighter (toward muted); steps 3 and 4 sit deeper (toward
      active). Light/dark scheme polarity is honored via `light-dark()` —
      in light mode the lighter primitives are step-tints, in dark mode
      the lighter primitives are step-shades, so "low intensity" reads
@@ -27,37 +43,37 @@
      ══════════════════════════════════════════════════════════════ */
 
   /* Accent buckets */
-  --a-accent-bucket-0: light-dark(var(--a-accent-15-tint), var(--a-accent-85-shade));
-  --a-accent-bucket-1: light-dark(var(--a-accent-30-tint), var(--a-accent-70-shade));
-  --a-accent-bucket-2: var(--a-accent-strong);
-  --a-accent-bucket-3: light-dark(var(--a-accent-65-tint), var(--a-accent-35-shade));
-  --a-accent-bucket-4: light-dark(var(--a-accent-80-tint), var(--a-accent-20-shade));
+  --a-primary-bucket-0: light-dark(var(--a-primary-15-tint), var(--a-primary-85-shade));
+  --a-primary-bucket-1: light-dark(var(--a-primary-30-tint), var(--a-primary-70-shade));
+  --a-primary-bucket-2: var(--a-primary-60);
+  --a-primary-bucket-3: light-dark(var(--a-primary-65-tint), var(--a-primary-35-shade));
+  --a-primary-bucket-4: light-dark(var(--a-primary-80-tint), var(--a-primary-20-shade));
 
   /* Success buckets */
   --a-success-bucket-0: light-dark(var(--a-success-15-tint), var(--a-success-85-shade));
   --a-success-bucket-1: light-dark(var(--a-success-30-tint), var(--a-success-70-shade));
-  --a-success-bucket-2: var(--a-success-strong);
+  --a-success-bucket-2: var(--a-success-60);
   --a-success-bucket-3: light-dark(var(--a-success-65-tint), var(--a-success-35-shade));
   --a-success-bucket-4: light-dark(var(--a-success-80-tint), var(--a-success-20-shade));
 
   /* Warning buckets */
   --a-warning-bucket-0: light-dark(var(--a-warning-15-tint), var(--a-warning-85-shade));
   --a-warning-bucket-1: light-dark(var(--a-warning-30-tint), var(--a-warning-70-shade));
-  --a-warning-bucket-2: var(--a-warning-strong);
+  --a-warning-bucket-2: var(--a-warning-60);
   --a-warning-bucket-3: light-dark(var(--a-warning-65-tint), var(--a-warning-35-shade));
   --a-warning-bucket-4: light-dark(var(--a-warning-80-tint), var(--a-warning-20-shade));
 
   /* Danger buckets */
   --a-danger-bucket-0: light-dark(var(--a-danger-15-tint), var(--a-danger-85-shade));
   --a-danger-bucket-1: light-dark(var(--a-danger-30-tint), var(--a-danger-70-shade));
-  --a-danger-bucket-2: var(--a-danger-strong);
+  --a-danger-bucket-2: var(--a-danger-60);
   --a-danger-bucket-3: light-dark(var(--a-danger-65-tint), var(--a-danger-35-shade));
   --a-danger-bucket-4: light-dark(var(--a-danger-80-tint), var(--a-danger-20-shade));
 
   /* Info buckets */
   --a-info-bucket-0: light-dark(var(--a-info-15-tint), var(--a-info-85-shade));
   --a-info-bucket-1: light-dark(var(--a-info-30-tint), var(--a-info-70-shade));
-  --a-info-bucket-2: var(--a-info-strong);
+  --a-info-bucket-2: var(--a-info-60);
   --a-info-bucket-3: light-dark(var(--a-info-65-tint), var(--a-info-35-shade));
   --a-info-bucket-4: light-dark(var(--a-info-80-tint), var(--a-info-20-shade));