@common-origin/design-system 2.22.0 → 3.0.0

package/dist/tokens.css

@@ -96,6 +96,7 @@
   --co-base-size-max: max-content;
   --co-base-size-fit: fit-content;
   --co-base-color-transparent: transparent; /** Fully transparent. For colour values that must not show, such as a border that keeps its width (semantic.color.border.none). */
+  --co-base-color-white: #ffffff; /** Pure white, outside the ramps: raised surfaces (semantic.surface.raised) that sit on the gray.100 page. The ramps' contrast is measured against it (decision 0049). */
   --co-base-color-gray-100: #fcfcfc; /** Page background. oklch(0.991 0 0), 1.03:1 on white. */
   --co-base-color-gray-200: #f9f9f9; /** Subtle background. oklch(0.982 0 0), 1.05:1 on white. */
   --co-base-color-gray-300: #f2f2f2; /** Component fill at rest. oklch(0.961 0 0), 1.12:1 on white. */
@@ -360,108 +361,6 @@
   --co-base-color-magenta-alpha-1000: rgba(215, 0, 212, 1); /** Solid fill on hover. Composites to magenta.1000 over white. */
   --co-base-color-magenta-alpha-1100: rgba(177, 0, 175, 1); /** Secondary text: at least 4.5:1 on 100 to 500 and white. Composites to magenta.1100 over white. */
   --co-base-color-magenta-alpha-1200: rgba(37, 0, 35, 0.918); /** Primary text, and the darkest step. Composites to magenta.1200 over white. */
-  --co-base-color-neutral-100: #f8f9fa;
-  --co-base-color-neutral-200: #e9ecef;
-  --co-base-color-neutral-300: #dee2e6;
-  --co-base-color-neutral-400: #ced4da;
-  --co-base-color-neutral-500: #adb5bd;
-  --co-base-color-neutral-600: #6c757d;
-  --co-base-color-neutral-700: #495057;
-  --co-base-color-neutral-800: #343a40;
-  --co-base-color-neutral-900: #212529;
-  --co-base-color-neutral-1000: #16191C;
-  --co-base-color-neutral-000: #ffffff;
-  --co-base-color-green-100: #CEF8E0;
-  --co-base-color-green-200: #ADF4CE;
-  --co-base-color-green-300: #89ECBC;
-  --co-base-color-green-400: #67DEA8;
-  --co-base-color-green-500: #49CC93;
-  --co-base-color-green-600: #2FB880;
-  --co-base-color-green-700: #15A46E;
-  --co-base-color-green-800: #008F5D;
-  --co-base-color-green-900: #007A4D;
-  --co-base-color-green-1000: #00653E;
-  --co-base-color-green-1100: #005132;
-  --co-base-color-green-1200: #053F27;
-  --co-base-color-green-1300: #0A2E1D;
-  --co-base-color-orange-100: #FFECCC;
-  --co-base-color-orange-200: #FFDFAD;
-  --co-base-color-orange-300: #FDD291;
-  --co-base-color-orange-400: #FFBB63;
-  --co-base-color-orange-500: #FFA037;
-  --co-base-color-orange-600: #F68511;
-  --co-base-color-orange-700: #E46F00;
-  --co-base-color-orange-800: #CB5D00;
-  --co-base-color-orange-900: #B14C00;
-  --co-base-color-orange-1000: #953D00;
-  --co-base-color-orange-1100: #7A2F00;
-  --co-base-color-orange-1200: #612300;
-  --co-base-color-orange-1300: #491901;
-  --co-base-color-red-100: #FFEBE7;
-  --co-base-color-red-200: #FFDDD6;
-  --co-base-color-red-300: #FFCDC3;
-  --co-base-color-red-400: #FFB7A9;
-  --co-base-color-red-500: #FF9B88;
-  --co-base-color-red-600: #FF7C65;
-  --co-base-color-red-700: #F75C46;
-  --co-base-color-red-800: #EA3829;
-  --co-base-color-red-900: #D31510;
-  --co-base-color-red-1000: #B40000;
-  --co-base-color-red-1100: #930000;
-  --co-base-color-red-1200: #740000;
-  --co-base-color-red-1300: #590000;
-  --co-base-color-blue-100: #E0F2FF;
-  --co-base-color-blue-200: #CAE8FF;
-  --co-base-color-blue-300: #B5DEFF;
-  --co-base-color-blue-400: #96CEFD;
-  --co-base-color-blue-500: #78BBFA;
-  --co-base-color-blue-600: #59A7F6;
-  --co-base-color-blue-700: #3892F3;
-  --co-base-color-blue-800: #147AF3;
-  --co-base-color-blue-900: #0265DC;
-  --co-base-color-blue-1000: #0054B6;
-  --co-base-color-blue-1100: #004491;
-  --co-base-color-blue-1200: #003571;
-  --co-base-color-blue-1300: #002754;
-  --co-base-color-purple-100: #F9F0FF;
-  --co-base-color-purple-200: #F4E1FF;
-  --co-base-color-purple-300: #EDD0FF;
-  --co-base-color-purple-400: #E3B8FF;
-  --co-base-color-purple-500: #D59DFF;
-  --co-base-color-purple-600: #C27EF7;
-  --co-base-color-purple-700: #AD5FE8;
-  --co-base-color-purple-800: #9644D4;
-  --co-base-color-purple-900: #7E2EBD;
-  --co-base-color-purple-1000: #67229F;
-  --co-base-color-purple-1100: #511882;
-  --co-base-color-purple-1200: #3D1066;
-  --co-base-color-purple-1300: #2B0A4D;
-  --co-base-color-pink-100: #FFEFF9;
-  --co-base-color-pink-200: #FFDFF4;
-  --co-base-color-pink-300: #FFCBED;
-  --co-base-color-pink-400: #FFB0E3;
-  --co-base-color-pink-500: #FF8ED4;
-  --co-base-color-pink-600: #FF69C1;
-  --co-base-color-pink-700: #FF42AB;
-  --co-base-color-pink-800: #F31A93;
-  --co-base-color-pink-900: #DC007B;
-  --co-base-color-pink-1000: #B90064;
-  --co-base-color-pink-1100: #97004E;
-  --co-base-color-pink-1200: #78003A;
-  --co-base-color-pink-1300: #5C0029;
-  --co-base-color-yellow-100: #FFF3D6;
-  --co-base-color-yellow-200: #FFE9B3;
-  --co-base-color-yellow-300: #FFDE8F;
-  --co-base-color-yellow-400: #FFD162;
-  --co-base-color-yellow-500: #FFC233;
-  --co-base-color-yellow-600: #EDAD0A;
-  --co-base-color-yellow-700: #D39700;
-  --co-base-color-yellow-800: #B88100;
-  --co-base-color-yellow-900: #9D6C00;
-  --co-base-color-yellow-1000: #825800;
-  --co-base-color-yellow-1100: #694600;
-  --co-base-color-yellow-1200: #523600;
-  --co-base-color-yellow-1300: #3D2800;
   --co-base-spacing-auto: auto;
   --co-base-font-family-heading: 'Inter', sans-serif;
   --co-base-font-family-body: 'Inter', sans-serif;
@@ -524,87 +423,11 @@
   --co-base-easing-ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);
   --co-base-easing-ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
   --co-base-easing-ease-in-out-back: cubic-bezier(0.68, -0.6, 0.32, 1.6);
-  --co-component-button-focus-outline-offset: 2px; /** Deprecated: Use semantic.border.focusOffset (decision 0022). Removed in 3.0. */
-  --co-component-chip-focus-outline-offset: 2px; /** Deprecated: Use semantic.border.focusOffset (decision 0022). Removed in 3.0. */
-  --co-component-icon-button-primary-min-width: 40px; /** Deprecated: No IconButton reads it: sizes take their minimum width from semantic.size.control (decision 0034). Removed in 3.0. */
-  --co-component-icon-button-primary-min-height: 40px; /** Deprecated: No IconButton reads it: sizes take their minimum height from semantic.size.control (decision 0034). Removed in 3.0. */
-  --co-component-icon-button-primary-display: flex; /** Deprecated: Layout mechanics stay in component code (decision 0014, rule 5); IconButton sets display: flex itself. Removed in 3.0. */
-  --co-component-icon-button-primary-align-items: center; /** Deprecated: Layout mechanics stay in component code (decision 0014, rule 5); IconButton sets align-items: center itself. Removed in 3.0. */
-  --co-component-icon-button-primary-justify-content: center; /** Deprecated: Layout mechanics stay in component code (decision 0014, rule 5); IconButton sets justify-content: center itself. Removed in 3.0. */
-  --co-component-icon-button-focus-outline-offset: 2px; /** Deprecated: Use semantic.border.focusOffset (decision 0022). Removed in 3.0. */
-  --co-component-icon-button-sizes-small-min-width: 32px; /** Deprecated: IconButton takes its minimum width from semantic.size.control.sm (decision 0034). Removed in 3.0. */
-  --co-component-icon-button-sizes-small-min-height: 32px; /** Deprecated: IconButton takes its minimum height from semantic.size.control.sm (decision 0034). Removed in 3.0. */
-  --co-component-icon-button-sizes-medium-min-width: 40px; /** Deprecated: IconButton takes its minimum width from semantic.size.control.md (decision 0034). Removed in 3.0. */
-  --co-component-icon-button-sizes-medium-min-height: 40px; /** Deprecated: IconButton takes its minimum height from semantic.size.control.md (decision 0034). Removed in 3.0. */
-  --co-component-icon-button-sizes-large-min-width: 48px; /** Deprecated: IconButton takes its minimum width from semantic.size.control.lg (decision 0034). Removed in 3.0. */
-  --co-component-icon-button-sizes-large-min-height: 48px; /** Deprecated: IconButton takes its minimum height from semantic.size.control.lg (decision 0034). Removed in 3.0. */
-  --co-component-input-default-padding-y: 11px; /** Deprecated: Single-line fields take their min-height from semantic.size.control.lg with no vertical padding (decisions 0022 and 0034). Removed in 3.0. */
-  --co-component-input-focus-outline-offset: 2px; /** Deprecated: Use semantic.border.focusOffset (decision 0022). Removed in 3.0. */
-  --co-component-input-error-focus-outline-offset: 2px; /** Deprecated: Use semantic.border.focusOffset (decision 0022). Removed in 3.0. */
-  --co-component-input-disabled-cursor: not-allowed; /** Deprecated: Behaviour, not a design decision, stays in component code (decision 0014, rule 5); inputs set cursor: not-allowed themselves. Removed in 3.0. */
   --co-semantic-elevation-inset: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); /** Sunken/pressed states, input fields, wells */
-  --co-semantic-border-radius-none: 0; /** Deprecated: Renamed to semantic.radius.none by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-inverse-overlay: rgba(255, 255, 255, 0.2); /** Deprecated: Renamed to semantic.color.fill.inverse-none-hover by the semantic grammar (decision 0031). Removed in 3.0. */
   --co-semantic-color-fill-none-hover: rgba(34, 34, 34, 0.1); /** Hover tint for a fill-less control over any background, such as a chip close button. */
   --co-semantic-color-fill-none-pressed: rgba(34, 34, 34, 0.15); /** Pressed tint for a fill-less control over any background, such as a chip close button. */
   --co-semantic-color-fill-inverse-none-hover: rgba(255, 255, 255, 0.2); /** Hover tint for a fill-less element on a dark background, such as a count on a dark tab. */
   --co-semantic-surface-scrim: rgba(34, 34, 34, 0.5); /** Backdrop behind a modal surface: Modal, Sheet, ActionSheet. */
-  --co-base-size-0: var(--co-base-dimension-0); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-1: var(--co-base-dimension-1); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-2: var(--co-base-dimension-2); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-3: var(--co-base-dimension-3); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-4: var(--co-base-dimension-4); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-5: var(--co-base-dimension-5); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-6: var(--co-base-dimension-6); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-7: var(--co-base-dimension-7); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-8: var(--co-base-dimension-8); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-9: var(--co-base-dimension-9); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-10: var(--co-base-dimension-10); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-11: var(--co-base-dimension-11); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-12: var(--co-base-dimension-12); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-14: var(--co-base-dimension-14); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-15: var(--co-base-dimension-15); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-16: var(--co-base-dimension-16); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-18: var(--co-base-dimension-18); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-20: var(--co-base-dimension-20); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-24: var(--co-base-dimension-24); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-28: var(--co-base-dimension-28); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-30: var(--co-base-dimension-30); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-32: var(--co-base-dimension-32); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-40: var(--co-base-dimension-40); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-45: var(--co-base-dimension-45); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-48: var(--co-base-dimension-48); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-50: var(--co-base-dimension-50); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-56: var(--co-base-dimension-56); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-64: var(--co-base-dimension-64); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-75: var(--co-base-dimension-75); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-90: var(--co-base-dimension-90); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-100: var(--co-base-dimension-100); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-140: var(--co-base-dimension-140); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-180: var(--co-base-dimension-180); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-size-192: var(--co-base-dimension-192); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-0: var(--co-base-dimension-0); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-1: var(--co-base-dimension-1); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-2: var(--co-base-dimension-2); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-3: var(--co-base-dimension-3); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-4: var(--co-base-dimension-4); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-5: var(--co-base-dimension-5); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-6: var(--co-base-dimension-6); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-7: var(--co-base-dimension-7); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-8: var(--co-base-dimension-8); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-9: var(--co-base-dimension-9); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-10: var(--co-base-dimension-10); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-12: var(--co-base-dimension-12); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-14: var(--co-base-dimension-14); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-16: var(--co-base-dimension-16); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-20: var(--co-base-dimension-20); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-24: var(--co-base-dimension-24); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-28: var(--co-base-dimension-28); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-32: var(--co-base-dimension-32); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-40: var(--co-base-dimension-40); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-48: var(--co-base-dimension-48); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-56: var(--co-base-dimension-56); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
-  --co-base-spacing-64: var(--co-base-dimension-64); /** Deprecated: base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. */
   --co-semantic-elevation-none: var(--co-base-shadow-none); /** No elevation - flat surfaces, default state */
   --co-semantic-elevation-raised: var(--co-base-shadow-2); /** Subtle lift - cards, buttons with depth */
   --co-semantic-elevation-floating: var(--co-base-shadow-4); /** Moderate lift - tooltips, popovers, dropdowns */
@@ -640,23 +463,11 @@
   --co-semantic-font-weight-medium: var(--co-base-font-weight-3); /** 500. Subheadings (h5, h6, subtitle), buttons, emphasis within UI text. */
   --co-semantic-font-weight-semibold: var(--co-base-font-weight-4); /** 600. Labels and short titles that need more weight than medium (label, Alert title). */
   --co-semantic-font-weight-bold: var(--co-base-font-weight-5); /** 700. Headings (display to h4), overline, strong indicators such as the required-field asterisk. */
-  --co-semantic-z-index-sticky: var(--co-base-z-index-1); /** Deprecated: Renamed to semantic.layer.sticky by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-z-index-dropdown: var(--co-base-z-index-6); /** Deprecated: Renamed to semantic.layer.dropdown by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-z-index-overlay: var(--co-base-z-index-7); /** Deprecated: Renamed to semantic.layer.overlay by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-z-index-modal: var(--co-base-z-index-8); /** Deprecated: Renamed to semantic.layer.modal by the semantic grammar (decision 0031). Removed in 3.0. */
   --co-semantic-border-default: var(--co-base-border-width-1) var(--co-base-border-style-solid) var(--co-semantic-color-border-default); /** Hairline in the default border colour: dividers and decorative outlines, such as Breadcrumbs, CodeBlock and Divider. 1.53:1 on white, so never a control edge (decision 0025). */
   --co-semantic-border-focus: var(--co-base-border-width-2) var(--co-base-border-style-solid) var(--co-semantic-color-border-focus); /** The focus ring every component draws, with border.focusOffset; never blue (decision 0029). */
   --co-semantic-border-width-thin: var(--co-base-border-width-1); /** Hairline border: dividers, control edges and rings. */
   --co-semantic-border-width-thick: var(--co-base-border-width-2); /** Thick border: focus rings, emphasised outlines and selected states. */
   --co-semantic-border-focus-offset: var(--co-base-border-width-2); /** Gap between an element and its focus ring; negate it to inset the ring inside the element. */
-  --co-semantic-border-radius-xs: var(--co-base-border-radius-1); /** Deprecated: Renamed to semantic.radius.xs by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-border-radius-sm: var(--co-base-border-radius-2); /** Deprecated: Renamed to semantic.radius.sm by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-border-radius-md: var(--co-base-border-radius-3); /** Deprecated: Renamed to semantic.radius.md by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-border-radius-lg: var(--co-base-border-radius-4); /** Deprecated: Renamed to semantic.radius.lg by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-border-radius-xl: var(--co-base-border-radius-5); /** Deprecated: Renamed to semantic.radius.xl by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-border-radius-2xl: var(--co-base-border-radius-6); /** Deprecated: Renamed to semantic.radius.2xl by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-border-radius-3xl: var(--co-base-border-radius-7); /** Deprecated: Renamed to semantic.radius.3xl by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-border-radius-circle: var(--co-base-border-radius-circle); /** Deprecated: Renamed to semantic.radius.full by the semantic grammar (decision 0031). Removed in 3.0. */
   --co-semantic-border-input-hover: var(--co-base-border-width-1) var(--co-base-border-style-solid) var(--co-semantic-color-border-input-hover); /** Firm hairline that must read as a boundary, such as a hovered text input. */
   --co-semantic-size-100: var(--co-base-dimension-1); /** Size step for thin bars: the TabBar scrollbar, the small ProgressBar. */
   --co-semantic-size-200: var(--co-base-dimension-2); /** Size step for small marks: the Badge dot, the medium ProgressBar. */
@@ -687,23 +498,6 @@
   --co-semantic-size-label-medium: var(--co-base-dimension-6); /** Height of a medium label and every chip: StatusLabel, Tag, CategoryLabel (0018, 0035). */
   --co-semantic-size-label-large: var(--co-base-dimension-8); /** Height of a large label: CategoryLabel large (decision 0018). */
   --co-semantic-size-menu-max-height: var(--co-base-dimension-75); /** Tallest a floating menu grows before it scrolls: Dropdown, SearchField. */
-  --co-semantic-size-dimension-1: var(--co-base-dimension-1); /** Deprecated: Renamed to semantic.size.100 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-2: var(--co-base-dimension-2); /** Deprecated: Renamed to semantic.size.200 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-4: var(--co-base-dimension-4); /** Deprecated: Renamed to semantic.size.400 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-5: var(--co-base-dimension-5); /** Deprecated: Renamed to semantic.size.500 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-6: var(--co-base-dimension-6); /** Deprecated: Renamed to semantic.size.600 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-8: var(--co-base-dimension-8); /** Deprecated: Renamed to semantic.size.800 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-12: var(--co-base-dimension-12); /** Deprecated: Renamed to semantic.size.1200 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-15: var(--co-base-dimension-15); /** Deprecated: Renamed to semantic.size.1500 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-18: var(--co-base-dimension-18); /** Deprecated: Renamed to semantic.size.1800 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-20: var(--co-base-dimension-20); /** Deprecated: Renamed to semantic.size.2000 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-30: var(--co-base-dimension-30); /** Deprecated: Renamed to semantic.size.3000 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-45: var(--co-base-dimension-45); /** Deprecated: Renamed to semantic.size.4500 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-50: var(--co-base-dimension-50); /** Deprecated: Renamed to semantic.size.5000 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-75: var(--co-base-dimension-75); /** Deprecated: Renamed to semantic.size.7500 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-90: var(--co-base-dimension-90); /** Deprecated: Renamed to semantic.size.9000 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-100: var(--co-base-dimension-100); /** Deprecated: Renamed to semantic.size.10000 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-size-dimension-192: var(--co-base-dimension-192); /** Deprecated: Renamed to semantic.size.19200 by the semantic grammar (decision 0031). Removed in 3.0. */
   --co-semantic-size-icon-xs: var(--co-base-dimension-3); /** The smallest icon size, for dense inline indicators. */
   --co-semantic-size-icon-sm: var(--co-base-dimension-4); /** Icons in compact controls, such as Alert's dismiss icon and small icon buttons. */
   --co-semantic-size-icon-md: var(--co-base-dimension-5); /** Icons beside body text, such as Alert's severity icon. */
@@ -715,35 +509,9 @@
   --co-semantic-size-avatar-md: var(--co-base-dimension-10); /** Medium avatar, the default size. */
   --co-semantic-size-avatar-lg: var(--co-base-dimension-12); /** Large avatar, in headers and cards. */
   --co-semantic-size-avatar-xl: var(--co-base-dimension-16); /** Extra-large avatar, on profile pages. */
-  --co-semantic-spacing-separator-sm: var(--co-base-dimension-4); /** Deprecated: Renamed to semantic.space.400 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-separator-md: var(--co-base-dimension-6); /** Deprecated: Renamed to semantic.space.600 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-separator-lg: var(--co-base-dimension-8); /** Deprecated: Renamed to semantic.space.800 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-separator-xl: var(--co-base-dimension-12); /** Deprecated: Renamed to semantic.space.1200 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-component-xs: var(--co-base-dimension-1); /** Deprecated: Renamed to semantic.space.inset.xs by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-component-sm: var(--co-base-dimension-2); /** Deprecated: Renamed to semantic.space.inset.sm by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-component-md: var(--co-base-dimension-3); /** Deprecated: Renamed to semantic.space.inset.md by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-component-lg: var(--co-base-dimension-4); /** Deprecated: Renamed to semantic.space.inset.lg by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-component-xl: var(--co-base-dimension-5); /** Deprecated: Renamed to semantic.space.inset.xl by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-component-2xl: var(--co-base-dimension-6); /** Deprecated: Renamed to semantic.space.inset.2xl by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-none: var(--co-base-dimension-0); /** Deprecated: Renamed to semantic.space.0 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-xs: var(--co-base-dimension-1); /** Deprecated: Renamed to semantic.space.100 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-sm: var(--co-base-dimension-2); /** Deprecated: Renamed to semantic.space.200 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-md: var(--co-base-dimension-3); /** Deprecated: Renamed to semantic.space.300 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-lg: var(--co-base-dimension-4); /** Deprecated: Renamed to semantic.space.400 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-xl: var(--co-base-dimension-5); /** Deprecated: Renamed to semantic.space.500 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-2xl: var(--co-base-dimension-6); /** Deprecated: Renamed to semantic.space.600 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-3xl: var(--co-base-dimension-7); /** Deprecated: Renamed to semantic.space.700 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-4xl: var(--co-base-dimension-8); /** Deprecated: Renamed to semantic.space.800 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-5xl: var(--co-base-dimension-9); /** Deprecated: Renamed to semantic.space.900 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-6xl: var(--co-base-dimension-10); /** Deprecated: Renamed to semantic.space.1000 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-7xl: var(--co-base-dimension-12); /** Deprecated: Renamed to semantic.space.1200 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-8xl: var(--co-base-dimension-14); /** Deprecated: Renamed to semantic.space.1400 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-9xl: var(--co-base-dimension-16); /** Deprecated: Renamed to semantic.space.1600 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-10xl: var(--co-base-dimension-20); /** Deprecated: Renamed to semantic.space.2000 by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-spacing-layout-11xl: var(--co-base-dimension-24); /** Deprecated: Renamed to semantic.space.2400 by the semantic grammar (decision 0031). Removed in 3.0. */
   --co-semantic-spacing-layout-auto: var(--co-base-spacing-auto); /** auto: lets the browser compute the space, such as margin: auto to centre or push an element. */
   --co-semantic-color-text-default: var(--co-base-color-gray-1200); /** Primary text: body copy, labels and headings. 15.91:1 on white, 15.51:1 on the page. */
-  --co-semantic-color-text-inverse: var(--co-base-color-neutral-000); /** Text on dark or coloured fills, such as the primary, accent and danger Buttons. 15.91:1 on fill.emphasis. */
+  --co-semantic-color-text-inverse: var(--co-base-color-gray-100); /** Text on dark or coloured fills, such as the primary, accent and danger Buttons. 15.51:1 on fill.emphasis. */
   --co-semantic-color-text-disabled: var(--co-base-color-gray-alpha-700); /** Text of disabled controls, translucent so it stays right on tinted surfaces. 1.53:1 on white: disabled text is exempt from the contrast minimum (WCAG 1.4.3), so never use it for text people need to read, including placeholders. */
   --co-semantic-color-text-success: var(--co-base-color-success-1100); /** Success text, such as InlineAlert success messages. 5.99:1 on white. */
   --co-semantic-color-text-warning: var(--co-base-color-warning-1100); /** Warning text, such as InlineAlert warnings (0043: warning is yellow). 6.01:1 on white. */
@@ -752,15 +520,7 @@
   --co-semantic-color-text-danger: var(--co-base-color-danger-1100); /** Error text: field error messages, InlineAlert errors. 6.03:1 on white. */
   --co-semantic-color-text-ai: var(--co-base-color-ai-1100); /** AI-generated content and agent actions, such as the label on proposed content (0046); always with the AI icon and a label, never colour alone (0043). 5.99:1 on white, 5.68:1 on the page. */
   --co-semantic-color-text-serious: var(--co-base-color-serious-1100); /** Serious-warning text: between warning and danger (decisions 0043, 0045). 6.04:1 on white. */
-  --co-semantic-color-background-subtle: var(--co-base-color-neutral-000); /** Deprecated: Split by use (decision 0031): semantic.surface.raised for surfaces such as cards, inputs and sheets; component.slider.thumb.background for Slider's thumb. Removed in 3.0. */
-  --co-semantic-color-background-emphasis-hover: var(--co-base-color-neutral-800); /** Deprecated: Renamed to semantic.color.fill.emphasis-hover by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-emphasis-active: var(--co-base-color-neutral-1000); /** Deprecated: Renamed to semantic.color.fill.emphasis-pressed by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-transparent: var(--co-base-color-transparent); /** Deprecated: Renamed to semantic.color.fill.none by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-overlay: var(--co-semantic-surface-scrim); /** Deprecated: Renamed to semantic.surface.scrim by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-hover-overlay: var(--co-semantic-color-fill-none-hover); /** Deprecated: Renamed to semantic.color.fill.none-hover by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-active-overlay: var(--co-semantic-color-fill-none-pressed); /** Deprecated: Renamed to semantic.color.fill.none-pressed by the semantic grammar (decision 0031). Removed in 3.0. */
   --co-semantic-color-border-default: var(--co-base-color-gray-700); /** Default border colour for dividers and decorative outlines only (decision 0040). 1.53:1 on white, below the 3:1 a control edge needs; use color.border.input for that (decision 0025). */
-  --co-semantic-color-border-strong: var(--co-base-color-neutral-800); /** Deprecated: Split by use (decision 0031): semantic.color.border.input-hover for a hovered control, semantic.color.border.focus for the focus ring and CardSmall's ring, semantic.color.fill.inverse for drag handles. Removed in 3.0. */
   --co-semantic-color-border-success: var(--co-base-color-success-800); /** Green border for success outlines, such as an outlined success Alert. 3.18:1 on white (decision 0025). */
   --co-semantic-color-border-warning: var(--co-base-color-warning-800); /** Yellow border for warning outlines, such as an outlined warning Alert. 3.19:1 on white (decision 0025). */
   --co-semantic-color-border-none: var(--co-base-color-transparent); /** An invisible border that keeps its width, so a borderless state takes the same space as a bordered one (for example Alert's borderless appearance, decision 0019). */
@@ -773,7 +533,7 @@
   --co-semantic-color-border-ai: var(--co-base-color-ai-800); /** Purple border for AI-generated content and agent actions, always with the AI icon and a label (0043). 3.20:1 on white. */
   --co-semantic-color-icon-default: var(--co-base-color-gray-1200); /** Default icon colour, matching text.default. 15.91:1 on white. */
   --co-semantic-color-icon-disabled: var(--co-base-color-gray-alpha-700); /** Icons and other foreground marks in disabled controls, matching text.disabled. 1.53:1 on white. */
-  --co-semantic-color-icon-inverse: var(--co-base-color-neutral-000); /** Icons on dark or coloured fills, matching text.inverse. */
+  --co-semantic-color-icon-inverse: var(--co-base-color-gray-100); /** Icons on dark or coloured fills, matching text.inverse. */
   --co-semantic-color-icon-success: var(--co-base-color-success-1100); /** Success icons, such as in Alert and EmptyState. 5.99:1 on white. (InlineAlert’s icon takes the text colour instead.) */
   --co-semantic-color-icon-warning: var(--co-base-color-warning-1100); /** Warning icons, such as in Alert. 6.01:1 on white. (InlineAlert’s icon takes the text colour instead.) */
   --co-semantic-color-icon-muted: var(--co-base-color-gray-1100); /** Secondary icons, such as list item and empty-state icons, matching text.muted. 6.01:1 on white. */
@@ -802,8 +562,6 @@
   --co-semantic-color-category-magenta-text: var(--co-base-color-magenta-1100); /** Text and icons of an outlined or minimal magenta CategoryLabel. 6.02:1 on white, 5.38:1 on magenta-muted. */
   --co-semantic-color-category-magenta-muted: var(--co-base-color-magenta-300); /** Light magenta fill of a minimal CategoryLabel, behind the magenta-text colour. */
   --co-semantic-color-fill-emphasis: var(--co-base-color-gray-1200); /** Strong near-black fill for the primary Button and IconButton and the emphasis Chip, with text.inverse on it (15.91:1). Hover and pressed mix in text.inverse at opacity.state (decision 0048). */
-  --co-semantic-color-fill-emphasis-hover: var(--co-base-color-neutral-800); /** Deprecated: Strong-fill states mix text.inverse into fill.emphasis at opacity.state.hover and opacity.state.pressed (decision 0048). Removed in 3.0. */
-  --co-semantic-color-fill-emphasis-pressed: var(--co-base-color-neutral-1000); /** Deprecated: Strong-fill states mix text.inverse into fill.emphasis at opacity.state.hover and opacity.state.pressed (decision 0048). Removed in 3.0. */
   --co-semantic-color-fill-muted: var(--co-base-color-gray-300); /** Light grey fill for quiet grouped content, such as the default Chip. The resting fill step, so it shows on the page. */
   --co-semantic-color-fill-inverse: var(--co-base-color-gray-1200); /** Dark fill for inverse elements: a checked Checkbox, Modal and Sheet drag handles. */
   --co-semantic-color-fill-accent: var(--co-base-color-accent-1100); /** Blue fill for the accent Button and other deliberate highlights (0003), with text.inverse on it at 6.00:1. */
@@ -841,25 +599,16 @@
   --co-semantic-color-data-sequential-periwinkle-3: var(--co-base-color-periwinkle-800); /** Sequential step 3 of 5. 3.20:1 on white. */
   --co-semantic-color-data-sequential-periwinkle-4: var(--co-base-color-periwinkle-1000); /** Sequential step 4 of 5. 4.37:1 on white. */
   --co-semantic-color-data-sequential-periwinkle-5: var(--co-base-color-periwinkle-1200); /** Sequential step 5 of 5. 15.91:1 on white. */
-  --co-semantic-motion-duration-normal: var(--co-base-duration-normal); /** Deprecated: Renamed to semantic.motion.duration.moderate by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0. */
   --co-semantic-motion-duration-fast: var(--co-base-duration-fast); /** Quick responses to input: hover, press, focus and small indicators. */
   --co-semantic-motion-duration-slow: var(--co-base-duration-moderate); /** The longest duration (P6): larger movements, such as a Sheet sliding in. */
   --co-semantic-motion-duration-instant: var(--co-base-duration-instant); /** No duration: changes that should happen at once, such as movement under reduced motion. */
   --co-semantic-motion-duration-moderate: var(--co-base-duration-normal); /** The default duration for state changes and short movements, such as a menu opening. */
-  --co-semantic-motion-easing-ease-in-out: var(--co-base-easing-ease-in-out); /** Deprecated: Renamed to semantic.motion.easing.standard by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0. */
-  --co-semantic-motion-easing-ease-out: var(--co-base-easing-ease-out); /** Deprecated: Renamed to semantic.motion.easing.decelerate by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0. */
   --co-semantic-motion-easing-standard: var(--co-base-easing-ease-in-out); /** Easing for change on screen: something moving or resizing in place. */
   --co-semantic-motion-easing-decelerate: var(--co-base-easing-ease-out); /** Easing for things arriving or responding: entrances, hover and press. */
   --co-semantic-motion-easing-accelerate: var(--co-base-easing-ease-in); /** Easing for things leaving: exits and dismissals speed up as they go (decision 0037). */
-  --co-semantic-motion-transition-fast: all var(--co-base-duration-fast) var(--co-base-easing-ease-out); /** Deprecated: It animates every property (`transition: all`). List the properties instead, with motion.duration and motion.easing, or use a motion.transition composite (decision 0037). Removed in 3.0. */
-  --co-semantic-motion-transition-normal: all var(--co-base-duration-normal) var(--co-base-easing-ease-in-out); /** Deprecated: It animates every property (`transition: all`). List the properties instead, with motion.duration and motion.easing, or use a motion.transition composite (decision 0037). Removed in 3.0. */
-  --co-semantic-motion-transition-slow: all var(--co-base-duration-moderate) var(--co-base-easing-ease-in-out); /** Deprecated: It animates every property (`transition: all`). List the properties instead, with motion.duration and motion.easing, or use a motion.transition composite (decision 0037). Removed in 3.0. */
   --co-semantic-motion-transition-feedback: background-color var(--co-base-duration-fast) var(--co-base-easing-ease-out), color var(--co-base-duration-fast) var(--co-base-easing-ease-out); /** Fill and text colour responding to hover and press: buttons, chips, tabs and rows. */
   --co-semantic-motion-transition-focus: outline var(--co-base-duration-fast) var(--co-base-easing-ease-out), outline-offset var(--co-base-duration-fast) var(--co-base-easing-ease-out); /** How the focus ring appears: outline and outline offset. */
   --co-semantic-motion-transition-press: transform var(--co-base-duration-fast) var(--co-base-easing-ease-out), opacity var(--co-base-duration-fast) var(--co-base-easing-ease-out); /** Small movement or fade in response to input, such as a pressed control shifting. */
-  --co-semantic-motion-hover: background-color var(--co-base-duration-fast) var(--co-base-easing-ease-out), color var(--co-base-duration-fast) var(--co-base-easing-ease-out); /** Deprecated: Renamed to semantic.motion.transition.feedback by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0. */
-  --co-semantic-motion-focus: outline var(--co-base-duration-fast) var(--co-base-easing-ease-out), outline-offset var(--co-base-duration-fast) var(--co-base-easing-ease-out); /** Deprecated: Renamed to semantic.motion.transition.focus by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0. */
-  --co-semantic-motion-interactive: transform var(--co-base-duration-fast) var(--co-base-easing-ease-out), opacity var(--co-base-duration-fast) var(--co-base-easing-ease-out); /** Deprecated: Renamed to semantic.motion.transition.press by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0. */
   --co-semantic-motion-distance-sm: var(--co-base-dimension-2); /** How far a small element travels as it enters, such as a Dropdown menu dropping in. */
   --co-semantic-layer-sticky: var(--co-base-z-index-1); /** Stacking layer for chrome that stays visible while scrolling: sticky headers, navigation bars. */
   --co-semantic-layer-dropdown: var(--co-base-z-index-6); /** Stacking layer for menus anchored to a control: Dropdown and SearchField lists. */
@@ -897,11 +646,11 @@
   --co-semantic-space-inset-xl: var(--co-base-dimension-5); /** Generous padding inside a component, such as a prominent call to action. */
   --co-semantic-space-inset-2xl: var(--co-base-dimension-6); /** Largest padding inside a component: large cards, spacious form sections. */
   --co-semantic-surface-base: var(--co-base-color-gray-100); /** The page: the off-white background everything else sits on (decision 0006). */
-  --co-semantic-surface-raised: var(--co-base-color-neutral-000); /** Content raised off the page: cards, inputs, sheets, dialogs, code blocks. */
+  --co-semantic-surface-raised: var(--co-base-color-white); /** Content raised off the page: cards, inputs, sheets, dialogs, code blocks. */
   --co-component-button-primary-background-color: var(--co-semantic-color-fill-emphasis); /** Primary Button fill at rest. */
   --co-component-button-primary-text-color: var(--co-semantic-color-text-inverse); /** Text and icon colour on the primary Button. */
   --co-component-button-primary-border-radius: var(--co-semantic-radius-sm); /** Corner radius of every Button (visual language: Button uses sm). */
-  --co-component-button-primary-padding: var(--co-semantic-space-inset-md) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0. */
+  --co-component-button-primary-font: var(--co-semantic-font-weight-medium) var(--co-semantic-font-size-md)/var(--co-semantic-line-height-normal) var(--co-semantic-font-family-body); /** Button label typography, the same as sizes.large.font. */
   --co-component-button-hover-background-color: color-mix(in srgb, var(--co-semantic-color-fill-emphasis), var(--co-semantic-color-text-inverse) calc(var(--co-semantic-opacity-state-hover) * 100%)); /** Primary Button fill on hover. */
   --co-component-button-active-background-color: color-mix(in srgb, var(--co-semantic-color-fill-emphasis), var(--co-semantic-color-text-inverse) calc(var(--co-semantic-opacity-state-pressed) * 100%)); /** Primary Button fill while pressed. */
   --co-component-button-focus-outline: var(--co-semantic-border-focus); /** Focus ring on every Button. */
@@ -927,71 +676,30 @@
   --co-component-button-variants-danger-text-color: var(--co-semantic-color-text-inverse); /** Text and icon colour on the danger Button. */
   --co-component-button-variants-danger-disabled-background-color: var(--co-semantic-color-fill-disabled); /** Disabled danger Button fill. */
   --co-component-button-variants-danger-disabled-text-color: var(--co-semantic-color-text-disabled); /** Disabled danger Button text and icon colour. */
-  --co-component-button-sizes-small-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0. */
   --co-component-button-sizes-small-font-weight: var(--co-semantic-font-weight-medium); /** Weight of small Button text, set after the font: medium, as the other sizes. */
-  --co-component-button-sizes-medium-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .lg. Removed in 3.0. */
   --co-component-button-sizes-medium-font: var(--co-semantic-font-weight-medium) var(--co-semantic-font-size-sm)/var(--co-semantic-line-height-normal) var(--co-semantic-font-family-body); /** Medium Button label typography. */
-  --co-component-button-sizes-large-padding: var(--co-semantic-space-inset-md) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0. */
   --co-component-button-sizes-large-font: var(--co-semantic-font-weight-medium) var(--co-semantic-font-size-md)/var(--co-semantic-line-height-normal) var(--co-semantic-font-family-body); /** Large Button label typography. */
   --co-component-chip-close-button-size: var(--co-semantic-size-500); /** Width and height of a chip's close button, which fits inside the chip with room around it. */
   --co-component-chip-default-background-color: var(--co-semantic-color-fill-muted); /** Default chip fill at rest. */
   --co-component-chip-default-text-color: var(--co-semantic-color-text-default); /** Default chip text and icon colour. */
   --co-component-chip-default-border-radius: var(--co-semantic-radius-lg); /** Corner radius of every chip: rounder than Button, to signal a different job (decision 0016). */
-  --co-component-chip-default-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: No component spacing tokens (decision 0022). No chip reads it; chips take padding per size. Removed in 3.0. */
-  --co-component-chip-hover-background-color: var(--co-semantic-color-fill-default-hover); /** Default chip fill on hover, when it's clickable. */
-  --co-component-chip-active-background-color: var(--co-semantic-color-fill-default-pressed); /** Default chip fill while pressed, when it's clickable. */
   --co-component-chip-focus-outline: var(--co-semantic-border-focus); /** Focus ring on every chip and its close button. */
   --co-component-chip-disabled-background-color: var(--co-semantic-color-fill-muted); /** Disabled default chip fill. */
   --co-component-chip-disabled-text-color: var(--co-semantic-color-text-disabled); /** Disabled default chip text and icon colour. */
-  --co-component-chip-variants-emphasis-background-color: var(--co-semantic-color-fill-emphasis); /** Emphasis chip fill at rest. */
-  --co-component-chip-variants-emphasis-text-color: var(--co-semantic-color-text-inverse); /** Emphasis chip text and icon colour. */
-  --co-component-chip-variants-emphasis-hover-background-color: color-mix(in srgb, var(--co-semantic-color-fill-emphasis), var(--co-semantic-color-text-inverse) calc(var(--co-semantic-opacity-state-hover) * 100%)); /** Emphasis chip fill on hover, when it's clickable. */
-  --co-component-chip-variants-emphasis-active-background-color: color-mix(in srgb, var(--co-semantic-color-fill-emphasis), var(--co-semantic-color-text-inverse) calc(var(--co-semantic-opacity-state-pressed) * 100%)); /** Emphasis chip fill while pressed, when it's clickable. */
-  --co-component-chip-variants-emphasis-disabled-background-color: var(--co-semantic-color-fill-disabled); /** Disabled emphasis chip fill. */
-  --co-component-chip-variants-emphasis-disabled-text-color: var(--co-semantic-color-text-disabled); /** Disabled emphasis chip text and icon colour. */
   --co-component-chip-variants-subtle-background-color: var(--co-semantic-surface-raised); /** Subtle chip fill at rest. */
   --co-component-chip-variants-subtle-text-color: var(--co-semantic-color-text-default); /** Subtle chip text and icon colour. */
   --co-component-chip-variants-subtle-hover-background-color: var(--co-semantic-surface-base); /** Subtle chip fill on hover, when it's clickable. */
   --co-component-chip-variants-subtle-active-background-color: var(--co-semantic-color-fill-muted); /** Subtle chip fill while pressed, when it's clickable. */
   --co-component-chip-variants-subtle-disabled-background-color: var(--co-semantic-surface-raised); /** Disabled subtle chip fill. */
   --co-component-chip-variants-subtle-disabled-text-color: var(--co-semantic-color-text-disabled); /** Disabled subtle chip text and icon colour. */
-  --co-component-chip-variants-interactive-background-color: var(--co-semantic-color-fill-accent); /** Interactive chip fill at rest. */
-  --co-component-chip-variants-interactive-text-color: var(--co-semantic-color-text-inverse); /** Interactive chip text and icon colour. */
-  --co-component-chip-variants-interactive-disabled-background-color: var(--co-semantic-color-fill-disabled); /** Disabled interactive chip fill. */
-  --co-component-chip-variants-interactive-disabled-text-color: var(--co-semantic-color-text-disabled); /** Disabled interactive chip text and icon colour. */
-  --co-component-chip-sizes-small-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0. */
-  --co-component-chip-sizes-medium-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0. */
-  --co-component-chip-sizes-large-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0. */
-  --co-component-icon-button-primary-background-color: var(--co-semantic-color-fill-emphasis); /** Deprecated: IconButton reads component.button.primary.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
   --co-component-icon-button-primary-border-radius: var(--co-semantic-radius-sm); /** Corner radius of every IconButton, matching Button. */
-  --co-component-icon-button-hover-background-color: color-mix(in srgb, var(--co-semantic-color-fill-emphasis), var(--co-semantic-color-text-inverse) calc(var(--co-semantic-opacity-state-hover) * 100%)); /** Deprecated: IconButton reads component.button.hover.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-active-background-color: color-mix(in srgb, var(--co-semantic-color-fill-emphasis), var(--co-semantic-color-text-inverse) calc(var(--co-semantic-opacity-state-pressed) * 100%)); /** Deprecated: IconButton reads component.button.active.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
+  --co-component-input-focus-border-color: var(--co-semantic-color-border-focus); /** Text input border while focused. */
   --co-component-icon-button-focus-outline: var(--co-semantic-border-focus); /** Focus ring on every IconButton. */
-  --co-component-icon-button-disabled-background-color: var(--co-semantic-color-fill-disabled); /** Deprecated: IconButton reads component.button.disabled.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-variants-secondary-background-color: var(--co-semantic-color-fill-muted); /** Deprecated: IconButton reads component.button.variants.secondary.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-variants-secondary-hover-background-color: var(--co-semantic-color-fill-default); /** Deprecated: IconButton reads component.button.variants.secondary.hover.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-variants-secondary-active-background-color: var(--co-semantic-surface-base); /** Deprecated: IconButton reads component.button.variants.secondary.active.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-variants-secondary-disabled-background-color: var(--co-semantic-color-fill-disabled); /** Deprecated: IconButton reads component.button.variants.secondary.disabled.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-variants-naked-background-color: var(--co-semantic-color-fill-none); /** Deprecated: IconButton reads component.button.variants.naked.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-variants-naked-hover-background-color: var(--co-semantic-color-fill-muted); /** Deprecated: IconButton reads component.button.variants.naked.hover.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-variants-naked-active-background-color: var(--co-semantic-color-fill-default); /** Deprecated: IconButton reads component.button.variants.naked.active.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-variants-naked-disabled-background-color: var(--co-semantic-color-fill-none); /** Deprecated: IconButton reads component.button.variants.naked.disabled.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0. */
-  --co-component-icon-button-sizes-small-padding: var(--co-semantic-space-inset-xs); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0. */
-  --co-component-icon-button-sizes-medium-padding: var(--co-semantic-space-inset-sm); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.sm. Removed in 3.0. */
-  --co-component-icon-button-sizes-large-padding: var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.md. Removed in 3.0. */
   --co-component-separator-border: var(--co-semantic-border-default); /** Divider line, the same as variants.default.border. */
-  --co-component-separator-margin: var(--co-semantic-space-800) 0; /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0. */
   --co-component-separator-variants-default-border: var(--co-semantic-border-default); /** Default Divider line. */
-  --co-component-separator-variants-default-margin: var(--co-semantic-space-800) 0; /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0. */
   --co-component-separator-variants-strong-border: var(--co-semantic-border-input-hover); /** Strong Divider line, for a firmer break. */
-  --co-component-separator-variants-strong-margin: var(--co-semantic-space-800) 0; /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0. */
   --co-component-separator-variants-minimal-border: var(--co-semantic-border-default); /** Minimal Divider line. */
-  --co-component-separator-variants-minimal-margin: var(--co-semantic-space-600) 0; /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.600 (vertical margin). Removed in 3.0. */
-  --co-component-separator-sizes-small-margin: var(--co-semantic-space-400) 0; /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.400 (vertical margin). Removed in 3.0. */
-  --co-component-separator-sizes-medium-margin: var(--co-semantic-space-600) 0; /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.600 (vertical margin). Removed in 3.0. */
-  --co-component-separator-sizes-large-margin: var(--co-semantic-space-800) 0; /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0. */
-  --co-component-separator-sizes-xlarge-margin: var(--co-semantic-space-1200) 0; /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.1200 (vertical margin). Removed in 3.0. */
-  --co-component-progress-bar-border-radius: var(--co-semantic-radius-sm); /** Deprecated: ProgressBar never read it; its track and fill use semantic.radius.xs. Removed in 3.0. */
+  --co-component-progress-bar-background-color: var(--co-semantic-color-fill-default); /** ProgressBar track, behind the filled part. */
   --co-component-progress-bar-sizes-sm-height: var(--co-semantic-size-100); /** Thickness of the small ProgressBar, the thinnest size. */
   --co-component-progress-bar-sizes-md-height: var(--co-semantic-size-200); /** Thickness of the medium ProgressBar, the default. */
   --co-component-progress-bar-sizes-lg-height: var(--co-semantic-size-400); /** Thickness of the large ProgressBar, for prominent progress. */
@@ -1001,10 +709,8 @@
   --co-component-input-default-border-color: var(--co-semantic-color-border-input); /** Text input, Dropdown and Checkbox border at rest. At least 3:1 on white (decision 0025). */
   --co-component-input-default-border-radius: var(--co-semantic-radius-sm); /** Corner radius of text inputs and the Checkbox box. */
   --co-component-input-default-border-width: var(--co-semantic-border-width-thin); /** Border width of text inputs and the Checkbox box. */
-  --co-component-input-default-padding-x: var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.lg. Removed in 3.0. */
   --co-component-input-placeholder-text-color: var(--co-semantic-color-text-muted); /** Placeholder text in every text input (TextField, PasswordField, NumberInput, SearchField, AgentInput). 8.18:1 on the white input fill: placeholders aren't exempt from the contrast minimum (WCAG 1.4.3), unlike disabled text. */
   --co-component-input-hover-border-color: var(--co-semantic-color-border-input-hover); /** Text input border on hover. */
-  --co-component-input-focus-border-color: var(--co-semantic-color-border-focus); /** Text input border while focused. */
   --co-component-input-focus-outline: var(--co-semantic-border-focus); /** Focus ring on text inputs and the Checkbox box. */
   --co-component-input-error-border-color: var(--co-semantic-color-border-danger); /** Text input border when invalid. */
   --co-component-input-error-focus-border-color: var(--co-semantic-color-border-danger); /** Invalid text input border while focused. */
@@ -1017,15 +723,12 @@
   --co-component-badge-dot-size: var(--co-semantic-size-200); /** Width and height of the dot Badge indicator on a button, tab or icon. */
   --co-component-badge-count-min-width: var(--co-semantic-size-400); /** Minimum width of the count Badge, so a single digit sits in a circle. */
   --co-component-badge-count-height: var(--co-semantic-size-400); /** Height of the count Badge indicator on a button, tab or icon. */
-  --co-component-badge-count-padding-x: var(--co-semantic-space-inset-xs); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0. */
   --co-component-badge-count-line-height: var(--co-semantic-line-height-none); /** Line height of the count text, so the digits centre in the indicator. */
   --co-component-badge-ring-width: var(--co-semantic-border-width-thick); /** Ring that separates a Badge indicator from the element it sits on. */
   --co-component-badge-border-radius: var(--co-semantic-radius-full); /** Badge indicators are always fully circular. */
-  --co-component-badge-label-font-weight: var(--co-semantic-font-weight-medium); /** Text weight for the badge-like label family: StatusBadge, CategoryBadge and Tag (decision 0014). Declare it after the typography shorthand, which would otherwise reset it. */
-  --co-component-field-gap: var(--co-semantic-space-200); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.200. Removed in 3.0. */
+  --co-component-badge-label-font-weight: var(--co-semantic-font-weight-medium); /** Text weight for the badge-like label family: StatusLabel, CategoryLabel and Tag (decision 0014). Declare it after the typography shorthand, which would otherwise reset it. */
   --co-component-field-label-color: var(--co-semantic-color-text-default); /** Field label colour. */
   --co-component-field-label-color-disabled: var(--co-semantic-color-text-disabled); /** Field label colour when the field is disabled. */
-  --co-component-field-label-gap: var(--co-semantic-space-100); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.100. Removed in 3.0. */
   --co-component-field-required-indicator-color: var(--co-semantic-color-text-danger); /** Colour of the required-field asterisk. */
   --co-component-field-required-indicator-font-weight: var(--co-semantic-font-weight-bold); /** Weight of the required-field asterisk. */
   --co-component-field-helper-text-color: var(--co-semantic-color-text-muted); /** Helper text colour. */
@@ -1095,121 +798,7 @@
   --co-component-status-processing-background: var(--co-semantic-color-fill-accent-muted); /** Fill of a processing StatusLabel (decision 0045). */
   --co-component-status-scheduled-text: var(--co-semantic-color-text-muted); /** Text and icon of a scheduled StatusLabel: neutral, because a future item needs no attention (decision 0045). 6.01:1 on white. */
   --co-component-status-scheduled-background: var(--co-semantic-color-fill-muted); /** Fill of a scheduled StatusLabel (decision 0045). */
-  --co-component-transaction-credit: var(--co-semantic-color-data-positive); /** Deprecated: Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. */
-  --co-component-transaction-credit-hover: var(--co-semantic-color-data-positive); /** Deprecated: Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. */
-  --co-component-transaction-debit: var(--co-semantic-color-data-negative); /** Deprecated: Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. */
-  --co-component-transaction-debit-hover: var(--co-semantic-color-data-negative); /** Deprecated: Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. */
-  --co-component-transaction-pending: var(--co-semantic-color-text-muted); /** Deprecated: Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. */
-  --co-component-transaction-neutral: var(--co-semantic-color-text-muted); /** Deprecated: Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. */
   --co-component-track-background: var(--co-semantic-color-fill-default); /** Unfilled track of ProgressBar and Slider: light, so the fill and thumb show the value (decision 0026). The resting fill step, 1.12:1 on white. */
-  --co-component-tooltip-border: var(--co-semantic-border-default); /** Deprecated: Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. */
-  --co-semantic-border-subtle: var(--co-semantic-border-default); /** Deprecated: Renamed to semantic.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-border-strong: var(--co-semantic-border-input-hover); /** Deprecated: Renamed to semantic.border.input-hover by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-border-tooltip: var(--co-semantic-border-default); /** Deprecated: Moved to the component tier as component.tooltip.border (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-border-emphasis: var(--co-semantic-border-default); /** Deprecated: Dividers have one border (decision 0048). Removed in 3.0. */
-  --co-semantic-color-text-emphasis: var(--co-semantic-color-text-default); /** Deprecated: Emphasis comes from weight and scale, not a darker colour (decision 0048). Removed in 3.0. */
-  --co-semantic-color-text-subdued: var(--co-semantic-color-text-muted); /** Deprecated: Renamed to semantic.color.text.muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-text-interactive: var(--co-semantic-color-text-accent); /** Deprecated: Renamed to semantic.color.text.accent by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-text-interactive-hover: var(--co-semantic-color-text-accent); /** Deprecated: Renamed to semantic.color.text.accent-hover by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-text-interactive-active: var(--co-semantic-color-text-accent); /** Deprecated: Renamed to semantic.color.text.accent-pressed by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-text-error: var(--co-semantic-color-text-danger); /** Deprecated: Renamed to semantic.color.text.danger by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-text-accent-hover: var(--co-semantic-color-text-accent); /** Deprecated: Accent text keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. */
-  --co-semantic-color-text-accent-pressed: var(--co-semantic-color-text-accent); /** Deprecated: Accent text keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. */
-  --co-semantic-color-background-default: var(--co-semantic-surface-base); /** Deprecated: Renamed to semantic.surface.base by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-emphasis: var(--co-semantic-color-fill-emphasis); /** Deprecated: Renamed to semantic.color.fill.emphasis by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-surface: var(--co-semantic-color-fill-muted); /** Deprecated: Renamed to semantic.color.fill.muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-inverse: var(--co-semantic-color-fill-inverse); /** Deprecated: Renamed to semantic.color.fill.inverse by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-interactive: var(--co-semantic-color-fill-accent); /** Deprecated: Renamed to semantic.color.fill.accent by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-interactive-subtle: var(--co-semantic-color-fill-accent-muted); /** Deprecated: Renamed to semantic.color.fill.accent-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-interactive-subtle-hover: var(--co-semantic-color-fill-accent-muted-hover); /** Deprecated: Renamed to semantic.color.fill.accent-muted-hover by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-interactive-subtle-active: var(--co-semantic-color-fill-accent-muted-pressed); /** Deprecated: Renamed to semantic.color.fill.accent-muted-pressed by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-error: var(--co-semantic-color-fill-danger); /** Deprecated: Renamed to semantic.color.fill.danger by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-error-subtle: var(--co-semantic-color-fill-danger-muted); /** Deprecated: Renamed to semantic.color.fill.danger-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-success: var(--co-semantic-color-fill-success); /** Deprecated: Renamed to semantic.color.fill.success by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-success-subtle: var(--co-semantic-color-fill-success-muted); /** Deprecated: Renamed to semantic.color.fill.success-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-warning: var(--co-semantic-color-fill-warning); /** Deprecated: Renamed to semantic.color.fill.warning by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-warning-subtle: var(--co-semantic-color-fill-warning-muted); /** Deprecated: Renamed to semantic.color.fill.warning-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-disabled: var(--co-semantic-color-fill-disabled); /** Deprecated: Renamed to semantic.color.fill.disabled by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-neutral: var(--co-semantic-color-fill-default); /** Deprecated: Renamed to semantic.color.fill.default by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-neutral-hover: var(--co-semantic-color-fill-default-hover); /** Deprecated: Renamed to semantic.color.fill.default-hover by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-neutral-active: var(--co-semantic-color-fill-default-pressed); /** Deprecated: Renamed to semantic.color.fill.default-pressed by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-progress-track: var(--co-semantic-color-fill-default); /** Deprecated: Moved to the component tier as component.track.background (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-background-page: var(--co-semantic-surface-base); /** Deprecated: Renamed to semantic.surface.base by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-border-subtle: var(--co-semantic-color-border-default); /** Deprecated: Renamed to semantic.color.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-border-control: var(--co-semantic-color-border-input); /** Deprecated: Renamed to semantic.color.border.input by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-border-interactive: var(--co-semantic-color-border-accent); /** Deprecated: Renamed to semantic.color.border.accent by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-border-error: var(--co-semantic-color-border-danger); /** Deprecated: Renamed to semantic.color.border.danger by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-border-emphasis: var(--co-semantic-color-border-default); /** Deprecated: Dividers have one border colour (decision 0048). Removed in 3.0. */
-  --co-semantic-color-icon-emphasis: var(--co-semantic-color-icon-default); /** Deprecated: Emphasis comes from weight and scale, not a darker colour (decision 0048). Removed in 3.0. */
-  --co-semantic-color-icon-subdued: var(--co-semantic-color-icon-muted); /** Deprecated: Renamed to semantic.color.icon.muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-icon-interactive: var(--co-semantic-color-icon-accent); /** Deprecated: Renamed to semantic.color.icon.accent by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-icon-interactive-hover: var(--co-semantic-color-icon-accent); /** Deprecated: Renamed to semantic.color.icon.accent-hover by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-icon-interactive-active: var(--co-semantic-color-icon-accent); /** Deprecated: Renamed to semantic.color.icon.accent-pressed by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-icon-error: var(--co-semantic-color-icon-danger); /** Deprecated: Renamed to semantic.color.icon.danger by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-icon-accent-hover: var(--co-semantic-color-icon-accent); /** Deprecated: Accent icons keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. */
-  --co-semantic-color-icon-accent-pressed: var(--co-semantic-color-icon-accent); /** Deprecated: Accent icons keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. */
-  --co-semantic-color-financial-credit: var(--co-semantic-color-data-positive); /** Deprecated: Moved to the component tier as component.transaction.credit (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-financial-credit-hover: var(--co-semantic-color-data-positive); /** Deprecated: Moved to the component tier as component.transaction.credit-hover (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-financial-debit: var(--co-semantic-color-data-negative); /** Deprecated: Moved to the component tier as component.transaction.debit (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-financial-debit-hover: var(--co-semantic-color-data-negative); /** Deprecated: Moved to the component tier as component.transaction.debit-hover (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-financial-pending: var(--co-semantic-color-text-muted); /** Deprecated: Moved to the component tier as component.transaction.pending (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-financial-neutral: var(--co-semantic-color-text-muted); /** Deprecated: Moved to the component tier as component.transaction.neutral (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-category-blue: var(--co-semantic-color-category-periwinkle); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. */
-  --co-semantic-color-category-blue-strong: var(--co-semantic-color-category-periwinkle-strong); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. */
-  --co-semantic-color-category-blue-emphasis: var(--co-semantic-color-category-periwinkle-strong); /** Deprecated: "emphasis" means near-black, so use semantic.color.category.blue-strong (decision 0029). Removed in 3.0. */
-  --co-semantic-color-category-blue-subtle: var(--co-semantic-color-category-periwinkle-muted); /** Deprecated: Renamed to semantic.color.category.blue-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-category-purple: var(--co-semantic-color-category-magenta); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. */
-  --co-semantic-color-category-purple-strong: var(--co-semantic-color-category-magenta-strong); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. */
-  --co-semantic-color-category-purple-emphasis: var(--co-semantic-color-category-magenta-strong); /** Deprecated: "emphasis" means near-black, so use semantic.color.category.purple-strong (decision 0029). Removed in 3.0. */
-  --co-semantic-color-category-purple-subtle: var(--co-semantic-color-category-magenta-muted); /** Deprecated: Renamed to semantic.color.category.purple-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-category-pink: var(--co-semantic-color-category-rose); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. */
-  --co-semantic-color-category-pink-strong: var(--co-semantic-color-category-rose-strong); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. */
-  --co-semantic-color-category-pink-emphasis: var(--co-semantic-color-category-rose-strong); /** Deprecated: "emphasis" means near-black, so use semantic.color.category.pink-strong (decision 0029). Removed in 3.0. */
-  --co-semantic-color-category-pink-subtle: var(--co-semantic-color-category-rose-muted); /** Deprecated: Renamed to semantic.color.category.pink-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-category-yellow: var(--co-semantic-color-category-olive); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. */
-  --co-semantic-color-category-yellow-strong: var(--co-semantic-color-category-olive-strong); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. */
-  --co-semantic-color-category-yellow-emphasis: var(--co-semantic-color-category-olive-strong); /** Deprecated: "emphasis" means near-black, so use semantic.color.category.yellow-strong (decision 0029). Removed in 3.0. */
-  --co-semantic-color-category-yellow-subtle: var(--co-semantic-color-category-olive-muted); /** Deprecated: Renamed to semantic.color.category.yellow-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-category-green: var(--co-semantic-color-category-olive); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. */
-  --co-semantic-color-category-green-strong: var(--co-semantic-color-category-olive-strong); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. */
-  --co-semantic-color-category-green-emphasis: var(--co-semantic-color-category-olive-strong); /** Deprecated: "emphasis" means near-black, so use semantic.color.category.green-strong (decision 0029). Removed in 3.0. */
-  --co-semantic-color-category-green-subtle: var(--co-semantic-color-category-olive-muted); /** Deprecated: Renamed to semantic.color.category.green-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-category-red: var(--co-semantic-color-category-rose); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. */
-  --co-semantic-color-category-red-strong: var(--co-semantic-color-category-rose-strong); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. */
-  --co-semantic-color-category-red-emphasis: var(--co-semantic-color-category-rose-strong); /** Deprecated: "emphasis" means near-black, so use semantic.color.category.red-strong (decision 0029). Removed in 3.0. */
-  --co-semantic-color-category-red-subtle: var(--co-semantic-color-category-rose-muted); /** Deprecated: Renamed to semantic.color.category.red-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-category-orange: var(--co-semantic-color-category-rose); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. */
-  --co-semantic-color-category-orange-strong: var(--co-semantic-color-category-rose-strong); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. */
-  --co-semantic-color-category-orange-emphasis: var(--co-semantic-color-category-rose-strong); /** Deprecated: "emphasis" means near-black, so use semantic.color.category.orange-strong (decision 0029). Removed in 3.0. */
-  --co-semantic-color-category-orange-subtle: var(--co-semantic-color-category-rose-muted); /** Deprecated: Renamed to semantic.color.category.orange-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-category-gray-emphasis: var(--co-semantic-color-category-gray-strong); /** Deprecated: "emphasis" means near-black, so use semantic.color.category.gray-strong (decision 0029). Removed in 3.0. */
-  --co-semantic-color-category-gray-subtle: var(--co-semantic-color-category-gray-muted); /** Deprecated: Renamed to semantic.color.category.gray-muted by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-category-blue-text: var(--co-semantic-color-category-periwinkle-text); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. */
-  --co-semantic-color-category-purple-text: var(--co-semantic-color-category-magenta-text); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. */
-  --co-semantic-color-category-pink-text: var(--co-semantic-color-category-rose-text); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. */
-  --co-semantic-color-category-yellow-text: var(--co-semantic-color-category-olive-text); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. */
-  --co-semantic-color-category-green-text: var(--co-semantic-color-category-olive-text); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. */
-  --co-semantic-color-category-red-text: var(--co-semantic-color-category-rose-text); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. */
-  --co-semantic-color-category-orange-text: var(--co-semantic-color-category-rose-text); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. */
-  --co-semantic-color-category-blue-muted: var(--co-semantic-color-category-periwinkle-muted); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. */
-  --co-semantic-color-category-purple-muted: var(--co-semantic-color-category-magenta-muted); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. */
-  --co-semantic-color-category-pink-muted: var(--co-semantic-color-category-rose-muted); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. */
-  --co-semantic-color-category-yellow-muted: var(--co-semantic-color-category-olive-muted); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. */
-  --co-semantic-color-category-green-muted: var(--co-semantic-color-category-olive-muted); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. */
-  --co-semantic-color-category-red-muted: var(--co-semantic-color-category-rose-muted); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. */
-  --co-semantic-color-category-orange-muted: var(--co-semantic-color-category-rose-muted); /** Deprecated: Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. */
-  --co-semantic-color-status-pending: var(--co-semantic-color-text-muted); /** Deprecated: Moved to the component tier as component.status.pending.text (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-pending-bg: var(--co-semantic-color-fill-muted); /** Deprecated: Moved to the component tier as component.status.pending.background (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-completed: var(--co-semantic-color-text-success); /** Deprecated: Moved to the component tier as component.status.completed.text (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-completed-bg: var(--co-semantic-color-fill-success-muted); /** Deprecated: Moved to the component tier as component.status.completed.background (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-failed: var(--co-semantic-color-text-danger); /** Deprecated: Moved to the component tier as component.status.failed.text (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-failed-bg: var(--co-semantic-color-fill-danger-muted); /** Deprecated: Moved to the component tier as component.status.failed.background (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-cancelled: var(--co-semantic-color-text-muted); /** Deprecated: Moved to the component tier as component.status.cancelled.text (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-cancelled-bg: var(--co-semantic-color-fill-muted); /** Deprecated: Moved to the component tier as component.status.cancelled.background (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-processing: var(--co-semantic-color-text-accent); /** Deprecated: Moved to the component tier as component.status.processing.text (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-processing-bg: var(--co-semantic-color-fill-accent-muted); /** Deprecated: Moved to the component tier as component.status.processing.background (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-scheduled: var(--co-semantic-color-text-muted); /** Deprecated: Moved to the component tier as component.status.scheduled.text (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-color-status-scheduled-bg: var(--co-semantic-color-fill-muted); /** Deprecated: Moved to the component tier as component.status.scheduled.background (decision 0031 §6). Removed in 3.0. */
   --co-semantic-color-fill-accent-hover: color-mix(in srgb, var(--co-semantic-color-fill-accent), var(--co-semantic-color-text-inverse) calc(var(--co-semantic-opacity-state-hover) * 100%)); /** Blue fill of a hovered accent control: fill.accent with text.inverse mixed in at opacity.state.hover (decision 0048). */
   --co-semantic-color-fill-accent-pressed: color-mix(in srgb, var(--co-semantic-color-fill-accent), var(--co-semantic-color-text-inverse) calc(var(--co-semantic-opacity-state-pressed) * 100%)); /** Blue fill of a pressed accent control: fill.accent with text.inverse mixed in at opacity.state.pressed (decision 0048). */
   --co-semantic-color-fill-danger-hover: color-mix(in srgb, var(--co-semantic-color-fill-danger), var(--co-semantic-color-text-inverse) calc(var(--co-semantic-opacity-state-hover) * 100%)); /** Fill of a hovered destructive control: fill.danger with text.inverse mixed in at opacity.state.hover (decision 0048). */
@@ -1226,44 +815,23 @@
   --co-semantic-typography-small: var(--co-semantic-font-weight-regular) var(--co-base-font-size-2)/var(--co-base-line-height-3) var(--co-base-font-family-body); /** Small text: secondary copy and compact controls. */
   --co-semantic-typography-overline: var(--co-semantic-font-weight-bold) var(--co-base-font-size-1)/var(--co-base-line-height-1) var(--co-base-font-family-body); /** A short uppercase label above a heading. */
   --co-semantic-typography-caption: var(--co-semantic-font-weight-regular) var(--co-base-font-size-1)/var(--co-base-line-height-1) var(--co-base-font-family-body); /** Captions: helper text, metadata and image captions. */
-  --co-semantic-typography-button1: var(--co-semantic-font-weight-medium) var(--co-semantic-font-size-md)/var(--co-semantic-line-height-normal) var(--co-semantic-font-family-body); /** Deprecated: Moved to the component tier as component.button.sizes.large.font (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-typography-button2: var(--co-semantic-font-weight-medium) var(--co-semantic-font-size-sm)/var(--co-semantic-line-height-normal) var(--co-semantic-font-family-body); /** Deprecated: Moved to the component tier as component.button.sizes.medium.font (decision 0031 §6). Removed in 3.0. */
   --co-semantic-typography-label: var(--co-semantic-font-weight-semibold) var(--co-base-font-size-2)/var(--co-base-line-height-3) var(--co-base-font-family-body); /** Form labels for fields such as TextField and Slider. */
-  --co-component-button-primary-font: var(--co-semantic-typography-button1); /** Button label typography, the same as sizes.large.font. */
   --co-component-button-variants-accent-hover-background-color: var(--co-semantic-color-fill-accent-hover); /** Accent Button fill on hover. */
   --co-component-button-variants-accent-active-background-color: var(--co-semantic-color-fill-accent-pressed); /** Accent Button fill while pressed. */
-  --co-component-button-variants-emphasis-background-color: var(--co-component-button-variants-accent-background-color); /** Deprecated: Use component.button.variants.accent.backgroundColor. Alias kept until 3.0 (decision 0016). */
-  --co-component-button-variants-emphasis-text-color: var(--co-component-button-variants-accent-text-color); /** Deprecated: Use component.button.variants.accent.textColor. Alias kept until 3.0 (decision 0016). */
-  --co-component-button-variants-emphasis-disabled-background-color: var(--co-component-button-variants-accent-disabled-background-color); /** Deprecated: Use component.button.variants.accent.disabled.backgroundColor. Alias kept until 3.0 (decision 0016). */
-  --co-component-button-variants-emphasis-disabled-text-color: var(--co-component-button-variants-accent-disabled-text-color); /** Deprecated: Use component.button.variants.accent.disabled.textColor. Alias kept until 3.0 (decision 0016). */
   --co-component-button-variants-danger-hover-background-color: var(--co-semantic-color-fill-danger-hover); /** Danger Button fill on hover. */
   --co-component-button-variants-danger-active-background-color: var(--co-semantic-color-fill-danger-pressed); /** Danger Button fill while pressed. */
   --co-component-button-sizes-small-font: var(--co-semantic-typography-caption); /** Small Button text: the caption style, with button.sizes.small.fontWeight after it. */
   --co-component-chip-default-font: var(--co-semantic-typography-body); /** Chip label typography, the same as sizes.large.font. */
-  --co-component-chip-variants-interactive-hover-background-color: var(--co-semantic-color-fill-accent-hover); /** Interactive chip fill on hover, when it's clickable. */
-  --co-component-chip-variants-interactive-active-background-color: var(--co-semantic-color-fill-accent-pressed); /** Interactive chip fill while pressed, when it's clickable. */
-  --co-component-chip-sizes-small-font: var(--co-semantic-typography-caption); /** Deprecated: Chips have one size (decision 0035). Use component.chip.sizes.medium.font. Removed in 3.0. */
   --co-component-chip-sizes-medium-font: var(--co-semantic-typography-small); /** Chip label typography. Every chip uses it: chips have one size (decision 0035). */
-  --co-component-chip-sizes-large-font: var(--co-semantic-typography-body); /** Deprecated: Chips have one size (decision 0035). Use component.chip.sizes.medium.font. Removed in 3.0. */
-  --co-component-progress-bar-background-color: var(--co-semantic-color-background-progress-track); /** ProgressBar track, behind the filled part. */
   --co-component-input-default-font: var(--co-semantic-typography-body); /** Text input value typography. */
-  --co-component-badge-label-typography-small: var(--co-semantic-typography-caption); /** Typography for small labels in the badge-like family (StatusBadge, CategoryBadge small; Tag). Combine with label.fontWeight. */
-  --co-component-badge-label-typography-medium: var(--co-semantic-typography-small); /** Typography for medium labels in the badge-like family (StatusBadge, CategoryBadge medium). Combine with label.fontWeight. */
+  --co-component-badge-label-typography-small: var(--co-semantic-typography-caption); /** Typography for small labels in the badge-like family (StatusLabel small, CategoryLabel medium, Tag). Combine with label.fontWeight. */
+  --co-component-badge-label-typography-medium: var(--co-semantic-typography-small); /** Typography for medium labels in the badge-like family (StatusLabel medium, CategoryLabel large). Combine with label.fontWeight. */
   --co-component-field-label-typography: var(--co-semantic-typography-label); /** Field label text. */
   --co-component-field-helper-text-typography: var(--co-semantic-typography-caption); /** Helper and error text under a field (TextField, PasswordField, NumberInput, Dropdown, Checkbox). One step below the label. */
   --co-component-alert-title-typography: var(--co-semantic-typography-h6); /** Alert title style (h6), adjusted by title.fontWeight and title.lineHeight. */
   --co-component-alert-message-typography: var(--co-semantic-typography-body); /** Alert message style (body), adjusted by message.lineHeight. */
   --co-component-tab-bar-badge-typography: var(--co-semantic-typography-caption); /** Tab count badge text. */
   --co-component-search-field-section-header-typography: var(--co-semantic-typography-caption); /** Suggestion-list section header text (shown uppercase). */
-  --co-component-breadcrumbs-font: var(--co-semantic-typography-caption); /** Deprecated: Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. */
-  --co-semantic-color-background-interactive-hover: var(--co-semantic-color-fill-accent-hover); /** Deprecated: Renamed to semantic.color.fill.accent-hover by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-interactive-active: var(--co-semantic-color-fill-accent-pressed); /** Deprecated: Renamed to semantic.color.fill.accent-pressed by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-error-hover: var(--co-semantic-color-fill-danger-hover); /** Deprecated: Renamed to semantic.color.fill.danger-hover by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-color-background-error-active: var(--co-semantic-color-fill-danger-pressed); /** Deprecated: Renamed to semantic.color.fill.danger-pressed by the semantic grammar (decision 0031). Removed in 3.0. */
-  --co-semantic-typography-button3: var(--co-semantic-typography-caption); /** Deprecated: Moved to the component tier as component.button.sizes.small.font (decision 0031 §6). Removed in 3.0. */
-  --co-semantic-typography-breadcrumb: var(--co-semantic-typography-caption); /** Deprecated: Moved to the component tier as component.breadcrumbs.font (decision 0031 §6). Removed in 3.0. */
-  --co-component-button-variants-emphasis-hover-background-color: var(--co-component-button-variants-accent-hover-background-color); /** Deprecated: Use component.button.variants.accent.hover.backgroundColor. Alias kept until 3.0 (decision 0016). */
-  --co-component-button-variants-emphasis-active-background-color: var(--co-component-button-variants-accent-active-background-color); /** Deprecated: Use component.button.variants.accent.active.backgroundColor. Alias kept until 3.0 (decision 0016). */
 }
 
 /* Mode: density (decision 0032). Control heights and control insets for a region, set with data-co-density on any element (decisions 0032 and 0034, #191). Rows and layout spacing don't change. */
@@ -1278,19 +846,6 @@
   --co-semantic-space-inset-lg: var(--co-base-dimension-4); /** Large padding inside a component: button and input sides, card insides. */
   --co-semantic-space-inset-xl: var(--co-base-dimension-5); /** Generous padding inside a component, such as a prominent call to action. */
   --co-semantic-space-inset-2xl: var(--co-base-dimension-6); /** Largest padding inside a component: large cards, spacious form sections. */
-  --co-component-button-primary-padding: var(--co-semantic-space-inset-md) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0. */
-  --co-component-button-sizes-small-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0. */
-  --co-component-button-sizes-medium-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .lg. Removed in 3.0. */
-  --co-component-button-sizes-large-padding: var(--co-semantic-space-inset-md) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0. */
-  --co-component-chip-default-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: No component spacing tokens (decision 0022). No chip reads it; chips take padding per size. Removed in 3.0. */
-  --co-component-chip-sizes-small-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0. */
-  --co-component-chip-sizes-medium-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0. */
-  --co-component-chip-sizes-large-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0. */
-  --co-component-icon-button-sizes-small-padding: var(--co-semantic-space-inset-xs); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0. */
-  --co-component-icon-button-sizes-medium-padding: var(--co-semantic-space-inset-sm); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.sm. Removed in 3.0. */
-  --co-component-icon-button-sizes-large-padding: var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.md. Removed in 3.0. */
-  --co-component-input-default-padding-x: var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.lg. Removed in 3.0. */
-  --co-component-badge-count-padding-x: var(--co-semantic-space-inset-xs); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0. */
 }
 
 [data-co-density="compact"] {
@@ -1303,19 +858,6 @@
   --co-semantic-space-inset-lg: var(--co-base-dimension-3); /** Large padding inside a component: button and input sides, card insides. */
   --co-semantic-space-inset-xl: var(--co-base-dimension-4); /** Generous padding inside a component, such as a prominent call to action. */
   --co-semantic-space-inset-2xl: var(--co-base-dimension-5); /** Largest padding inside a component: large cards, spacious form sections. */
-  --co-component-button-primary-padding: var(--co-semantic-space-inset-md) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0. */
-  --co-component-button-sizes-small-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0. */
-  --co-component-button-sizes-medium-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .lg. Removed in 3.0. */
-  --co-component-button-sizes-large-padding: var(--co-semantic-space-inset-md) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0. */
-  --co-component-chip-default-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: No component spacing tokens (decision 0022). No chip reads it; chips take padding per size. Removed in 3.0. */
-  --co-component-chip-sizes-small-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0. */
-  --co-component-chip-sizes-medium-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0. */
-  --co-component-chip-sizes-large-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0. */
-  --co-component-icon-button-sizes-small-padding: var(--co-semantic-space-inset-xs); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0. */
-  --co-component-icon-button-sizes-medium-padding: var(--co-semantic-space-inset-sm); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.sm. Removed in 3.0. */
-  --co-component-icon-button-sizes-large-padding: var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.md. Removed in 3.0. */
-  --co-component-input-default-padding-x: var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.lg. Removed in 3.0. */
-  --co-component-badge-count-padding-x: var(--co-semantic-space-inset-xs); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0. */
 }
 
 [data-co-density="comfortable"] {
@@ -1328,17 +870,4 @@
   --co-semantic-space-inset-lg: var(--co-base-dimension-5); /** Large padding inside a component: button and input sides, card insides. */
   --co-semantic-space-inset-xl: var(--co-base-dimension-6); /** Generous padding inside a component, such as a prominent call to action. */
   --co-semantic-space-inset-2xl: var(--co-base-dimension-7); /** Largest padding inside a component: large cards, spacious form sections. */
-  --co-component-button-primary-padding: var(--co-semantic-space-inset-md) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0. */
-  --co-component-button-sizes-small-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0. */
-  --co-component-button-sizes-medium-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .lg. Removed in 3.0. */
-  --co-component-button-sizes-large-padding: var(--co-semantic-space-inset-md) var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0. */
-  --co-component-chip-default-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: No component spacing tokens (decision 0022). No chip reads it; chips take padding per size. Removed in 3.0. */
-  --co-component-chip-sizes-small-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0. */
-  --co-component-chip-sizes-medium-padding: 2px var(--co-semantic-space-inset-sm); /** Deprecated: Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0. */
-  --co-component-chip-sizes-large-padding: var(--co-semantic-space-inset-sm) var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0. */
-  --co-component-icon-button-sizes-small-padding: var(--co-semantic-space-inset-xs); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0. */
-  --co-component-icon-button-sizes-medium-padding: var(--co-semantic-space-inset-sm); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.sm. Removed in 3.0. */
-  --co-component-icon-button-sizes-large-padding: var(--co-semantic-space-inset-md); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.md. Removed in 3.0. */
-  --co-component-input-default-padding-x: var(--co-semantic-space-inset-lg); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.lg. Removed in 3.0. */
-  --co-component-badge-count-padding-x: var(--co-semantic-space-inset-xs); /** Deprecated: No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0. */
 }