npm - @cognite/aura - Versions diffs - 0.3.5 → 1.46105.0 - Mend

@cognite/aura 0.3.5 → 1.46105.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (446) hide show

package/dist/colors-deprecated.css ADDED Viewed

@@ -0,0 +1,587 @@
+/*
+ * Deprecated Aura color tokens preserved for consumer migration.
+ * Imported by colors.css for consumers that load the canonical token file.
+ * Will be removed in Aura 1.0.0. See CHANGELOG.md and DESIGN.md.
+ *
+ * Values alias into colors.css semantic / ramp tokens (no raw rgb/rgba here).
+ */
+@theme inline {
+  /* Deprecated shadcn-style core tokens. Migrate to base-*, default, emphasized, primary-*, etc. Removed in 1.0.0. */
+  --color-background: var(--background);
+  --color-background-fixed-dark: var(--background-fixed-dark);
+  --color-background-fixed-light: var(--background-fixed-light);
+  --color-border: var(--border);
+  --color-border-active: var(--border-active);
+  --color-border-emphasized: var(--border-emphasized);
+  --color-border-fixed-light: var(--border-fixed-light);
+  --color-foreground: var(--foreground);
+  --color-foreground-fixed-dark: var(--foreground-fixed-dark);
+  --color-foreground-fixed-light: var(--foreground-fixed-light);
+  --color-foreground-secondary-fixed-dark: var(--foreground-secondary-fixed-dark);
+  --color-muted-foreground-fixed-light: var(--muted-foreground-fixed-light);
+  --color-primary-background-fixed-dark-hover: var(--primary-background-fixed-dark-hover);
+  --color-ring: var(--ring);
+  --color-secondary-background-fixed-dark-hover: var(--secondary-background-fixed-dark-hover);
+  --color-secondary-foreground-fixed-light: var(--secondary-foreground-fixed-light);
+  /* Deprecated semantic/status tokens. Migrate to Reflect names (info-background, critical-*, etc.). Removed in 1.0.0. */
+  --color-accent-background: var(--accent-background);
+  --color-accent-background-fixed-dark: var(--accent-background-fixed-dark);
+  --color-accent-background-strong: var(--accent-background-strong);
+  --color-active-background: var(--active-background);
+  --color-active-background-hover: var(--active-background-hover);
+  --color-active-muted-background: var(--active-muted-background);
+  --color-active-muted-background-hover: var(--active-muted-background-hover);
+  --color-alternate-background: var(--alternate-background);
+  --color-destructive-background: var(--destructive-background);
+  --color-destructive-background-hover: var(--destructive-background-hover);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-destructive-foreground-on-critical: var(--destructive-foreground-on-critical);
+  --color-destructive-foreground-strong: var(--destructive-foreground-strong);
+  --color-destructive-muted-background: var(--destructive-muted-background);
+  --color-destructive-muted-background-hover: var(--destructive-muted-background-hover);
+  --color-disabled-background: var(--disabled-background);
+  --color-disabled-background-fixed-dark: var(--disabled-background-fixed-dark);
+  --color-disabled-foreground: var(--disabled-foreground);
+  --color-disabled-foreground-fixed-dark: var(--disabled-foreground-fixed-dark);
+  --color-foreground-on-active: var(--foreground-on-active);
+  --color-foreground-on-primary: var(--foreground-on-primary);
+  --color-info-foreground-on-info: var(--info-foreground-on-info);
+  --color-info-muted-background: var(--info-muted-background);
+  --color-input-active-background: var(--input-active-background);
+  --color-neutral-foreground-on-neutral: var(--neutral-foreground-on-neutral);
+  --color-neutral-muted-background: var(--neutral-muted-background);
+  --color-overlay-background: var(--overlay-background);
+  --color-raised-background: var(--raised-background);
+  --color-success-foreground-on-success: var(--success-foreground-on-success);
+  --color-success-muted-background: var(--success-muted-background);
+  --color-warning-foreground-on-warning: var(--warning-foreground-on-warning);
+  --color-warning-muted-background: var(--warning-muted-background);
+  /* Deprecated named-ramp decorative tokens. Migrate to decorative-{1..7}-*. Removed in 1.0.0. */
+  --color-decorative-background-aurora: var(--decorative-background-aurora);
+  --color-decorative-background-aurora-hover: var(--decorative-background-aurora-hover);
+  --color-decorative-background-dusk: var(--decorative-background-dusk);
+  --color-decorative-background-dusk-hover: var(--decorative-background-dusk-hover);
+  --color-decorative-background-fjord: var(--decorative-background-fjord);
+  --color-decorative-background-fjord-hover: var(--decorative-background-fjord-hover);
+  --color-decorative-background-mountain: var(--decorative-background-mountain);
+  --color-decorative-background-mountain-hover: var(--decorative-background-mountain-hover);
+  --color-decorative-background-nordic: var(--decorative-background-nordic);
+  --color-decorative-background-nordic-hover: var(--decorative-background-nordic-hover);
+  --color-decorative-background-orange: var(--decorative-background-orange);
+  --color-decorative-background-orange-hover: var(--decorative-background-orange-hover);
+  --color-decorative-background-sky: var(--decorative-background-sky);
+  --color-decorative-background-sky-hover: var(--decorative-background-sky-hover);
+  --color-decorative-foreground-aurora: var(--decorative-foreground-aurora);
+  --color-decorative-foreground-dusk: var(--decorative-foreground-dusk);
+  --color-decorative-foreground-fjord: var(--decorative-foreground-fjord);
+  --color-decorative-foreground-mountain: var(--decorative-foreground-mountain);
+  --color-decorative-foreground-nordic: var(--decorative-foreground-nordic);
+  --color-decorative-foreground-orange: var(--decorative-foreground-orange);
+  --color-decorative-foreground-sky: var(--decorative-foreground-sky);
+  /* Deprecated chart series colors (chart-{ramp}-color-{n}). Migrate to chart-{N}-{step}. Removed in 1.0.0. */
+  --color-chart-aurora-color-1: var(--chart-aurora-color-1);
+  --color-chart-aurora-color-2: var(--chart-aurora-color-2);
+  --color-chart-aurora-color-3: var(--chart-aurora-color-3);
+  --color-chart-aurora-color-4: var(--chart-aurora-color-4);
+  --color-chart-aurora-color-5: var(--chart-aurora-color-5);
+  --color-chart-aurora-color-6: var(--chart-aurora-color-6);
+  --color-chart-destructive-50: var(--chart-destructive-50);
+  --color-chart-destructive-100: var(--chart-destructive-100);
+  --color-chart-destructive-200: var(--chart-destructive-200);
+  --color-chart-destructive-300: var(--chart-destructive-300);
+  --color-chart-destructive-400: var(--chart-destructive-400);
+  --color-chart-destructive-450: var(--chart-destructive-450);
+  --color-chart-destructive-color-1: var(--chart-destructive-color-1);
+  --color-chart-destructive-color-2: var(--chart-destructive-color-2);
+  --color-chart-destructive-color-3: var(--chart-destructive-color-3);
+  --color-chart-destructive-color-4: var(--chart-destructive-color-4);
+  --color-chart-destructive-color-5: var(--chart-destructive-color-5);
+  --color-chart-destructive-color-6: var(--chart-destructive-color-6);
+  --color-chart-dusk-color-1: var(--chart-dusk-color-1);
+  --color-chart-dusk-color-2: var(--chart-dusk-color-2);
+  --color-chart-dusk-color-3: var(--chart-dusk-color-3);
+  --color-chart-dusk-color-4: var(--chart-dusk-color-4);
+  --color-chart-dusk-color-5: var(--chart-dusk-color-5);
+  --color-chart-dusk-color-6: var(--chart-dusk-color-6);
+  --color-chart-fjord-color-1: var(--chart-fjord-color-1);
+  --color-chart-fjord-color-2: var(--chart-fjord-color-2);
+  --color-chart-fjord-color-3: var(--chart-fjord-color-3);
+  --color-chart-fjord-color-4: var(--chart-fjord-color-4);
+  --color-chart-fjord-color-5: var(--chart-fjord-color-5);
+  --color-chart-fjord-color-6: var(--chart-fjord-color-6);
+  --color-chart-info-color-1: var(--chart-info-color-1);
+  --color-chart-info-color-2: var(--chart-info-color-2);
+  --color-chart-info-color-3: var(--chart-info-color-3);
+  --color-chart-info-color-4: var(--chart-info-color-4);
+  --color-chart-info-color-5: var(--chart-info-color-5);
+  --color-chart-info-color-6: var(--chart-info-color-6);
+  --color-chart-neutral-color-1: var(--chart-neutral-color-1);
+  --color-chart-neutral-color-2: var(--chart-neutral-color-2);
+  --color-chart-neutral-color-3: var(--chart-neutral-color-3);
+  --color-chart-neutral-color-4: var(--chart-neutral-color-4);
+  --color-chart-neutral-color-5: var(--chart-neutral-color-5);
+  --color-chart-neutral-color-6: var(--chart-neutral-color-6);
+  --color-chart-nordic-color-1: var(--chart-nordic-color-1);
+  --color-chart-nordic-color-2: var(--chart-nordic-color-2);
+  --color-chart-nordic-color-3: var(--chart-nordic-color-3);
+  --color-chart-nordic-color-4: var(--chart-nordic-color-4);
+  --color-chart-nordic-color-5: var(--chart-nordic-color-5);
+  --color-chart-nordic-color-6: var(--chart-nordic-color-6);
+  --color-chart-orange-color-1: var(--chart-orange-color-1);
+  --color-chart-orange-color-2: var(--chart-orange-color-2);
+  --color-chart-orange-color-3: var(--chart-orange-color-3);
+  --color-chart-orange-color-4: var(--chart-orange-color-4);
+  --color-chart-orange-color-5: var(--chart-orange-color-5);
+  --color-chart-orange-color-6: var(--chart-orange-color-6);
+  --color-chart-success-color-1: var(--chart-success-color-1);
+  --color-chart-success-color-2: var(--chart-success-color-2);
+  --color-chart-success-color-3: var(--chart-success-color-3);
+  --color-chart-success-color-4: var(--chart-success-color-4);
+  --color-chart-success-color-5: var(--chart-success-color-5);
+  --color-chart-success-color-6: var(--chart-success-color-6);
+  --color-chart-warning-color-1: var(--chart-warning-color-1);
+  --color-chart-warning-color-2: var(--chart-warning-color-2);
+  --color-chart-warning-color-3: var(--chart-warning-color-3);
+  --color-chart-warning-color-4: var(--chart-warning-color-4);
+  --color-chart-warning-color-5: var(--chart-warning-color-5);
+  --color-chart-warning-color-6: var(--chart-warning-color-6);
+  /* Deprecated opacity tokens. Removed in 1.0.0. */
+  --color-opacity-10: var(--opacity-10);
+  --color-opacity-10-inverted: var(--opacity-10-inverted);
+  --color-opacity-20: var(--opacity-20);
+  --color-opacity-20-inverted: var(--opacity-20-inverted);
+  --color-opacity-40: var(--opacity-40);
+  --color-opacity-40-inverted: var(--opacity-40-inverted);
+  --color-opacity-60: var(--opacity-60);
+  --color-opacity-60-inverted: var(--opacity-60-inverted);
+  --color-opacity-80: var(--opacity-80);
+  --color-opacity-80-inverted: var(--opacity-80-inverted);
+  /* Deprecated ramp -550 step @theme entries. Removed in 1.0.0. */
+  --color-amber-550: var(--amber-550);
+  --color-aurora-550: var(--aurora-550);
+  --color-blue-550: var(--blue-550);
+  --color-dusk-550: var(--dusk-550);
+  --color-fjord-550: var(--fjord-550);
+  --color-gray-550: var(--gray-550);
+  --color-green-550: var(--green-550);
+  --color-nordic-550: var(--nordic-550);
+  --color-orange-550: var(--orange-550);
+  --color-pink-550: var(--pink-550);
+  --color-red-550: var(--red-550);
+  --color-sky-550: var(--sky-550);
+  --color-yellow-550: var(--yellow-550);
+  /* Deprecated alpha ramp steps 500–950 @theme entries. Removed in 1.0.0. */
+  --color-amber-alpha-500: var(--amber-alpha-500);
+  --color-amber-alpha-550: var(--amber-alpha-550);
+  --color-amber-alpha-600: var(--amber-alpha-600);
+  --color-amber-alpha-650: var(--amber-alpha-650);
+  --color-amber-alpha-700: var(--amber-alpha-700);
+  --color-amber-alpha-800: var(--amber-alpha-800);
+  --color-amber-alpha-900: var(--amber-alpha-900);
+  --color-amber-alpha-950: var(--amber-alpha-950);
+  --color-aurora-alpha-500: var(--aurora-alpha-500);
+  --color-aurora-alpha-550: var(--aurora-alpha-550);
+  --color-aurora-alpha-600: var(--aurora-alpha-600);
+  --color-aurora-alpha-650: var(--aurora-alpha-650);
+  --color-aurora-alpha-700: var(--aurora-alpha-700);
+  --color-aurora-alpha-800: var(--aurora-alpha-800);
+  --color-aurora-alpha-900: var(--aurora-alpha-900);
+  --color-aurora-alpha-950: var(--aurora-alpha-950);
+  --color-blue-alpha-500: var(--blue-alpha-500);
+  --color-blue-alpha-550: var(--blue-alpha-550);
+  --color-blue-alpha-600: var(--blue-alpha-600);
+  --color-blue-alpha-650: var(--blue-alpha-650);
+  --color-blue-alpha-700: var(--blue-alpha-700);
+  --color-blue-alpha-800: var(--blue-alpha-800);
+  --color-blue-alpha-900: var(--blue-alpha-900);
+  --color-blue-alpha-950: var(--blue-alpha-950);
+  --color-dusk-alpha-500: var(--dusk-alpha-500);
+  --color-dusk-alpha-550: var(--dusk-alpha-550);
+  --color-dusk-alpha-600: var(--dusk-alpha-600);
+  --color-dusk-alpha-650: var(--dusk-alpha-650);
+  --color-dusk-alpha-700: var(--dusk-alpha-700);
+  --color-dusk-alpha-800: var(--dusk-alpha-800);
+  --color-dusk-alpha-900: var(--dusk-alpha-900);
+  --color-dusk-alpha-950: var(--dusk-alpha-950);
+  --color-fjord-alpha-500: var(--fjord-alpha-500);
+  --color-fjord-alpha-550: var(--fjord-alpha-550);
+  --color-fjord-alpha-600: var(--fjord-alpha-600);
+  --color-fjord-alpha-650: var(--fjord-alpha-650);
+  --color-fjord-alpha-700: var(--fjord-alpha-700);
+  --color-fjord-alpha-800: var(--fjord-alpha-800);
+  --color-fjord-alpha-900: var(--fjord-alpha-900);
+  --color-fjord-alpha-950: var(--fjord-alpha-950);
+  --color-gray-alpha-500: var(--gray-alpha-500);
+  --color-gray-alpha-550: var(--gray-alpha-550);
+  --color-gray-alpha-600: var(--gray-alpha-600);
+  --color-gray-alpha-650: var(--gray-alpha-650);
+  --color-gray-alpha-700: var(--gray-alpha-700);
+  --color-gray-alpha-800: var(--gray-alpha-800);
+  --color-gray-alpha-900: var(--gray-alpha-900);
+  --color-gray-alpha-950: var(--gray-alpha-950);
+  --color-green-alpha-500: var(--green-alpha-500);
+  --color-green-alpha-550: var(--green-alpha-550);
+  --color-green-alpha-600: var(--green-alpha-600);
+  --color-green-alpha-650: var(--green-alpha-650);
+  --color-green-alpha-700: var(--green-alpha-700);
+  --color-green-alpha-800: var(--green-alpha-800);
+  --color-green-alpha-900: var(--green-alpha-900);
+  --color-green-alpha-950: var(--green-alpha-950);
+  --color-mountain-alpha-500: var(--mountain-alpha-500);
+  --color-mountain-alpha-550: var(--mountain-alpha-550);
+  --color-mountain-alpha-600: var(--mountain-alpha-600);
+  --color-mountain-alpha-650: var(--mountain-alpha-650);
+  --color-mountain-alpha-700: var(--mountain-alpha-700);
+  --color-mountain-alpha-800: var(--mountain-alpha-800);
+  --color-mountain-alpha-900: var(--mountain-alpha-900);
+  --color-mountain-alpha-950: var(--mountain-alpha-950);
+  --color-nordic-alpha-500: var(--nordic-alpha-500);
+  --color-nordic-alpha-550: var(--nordic-alpha-550);
+  --color-nordic-alpha-600: var(--nordic-alpha-600);
+  --color-nordic-alpha-650: var(--nordic-alpha-650);
+  --color-nordic-alpha-700: var(--nordic-alpha-700);
+  --color-nordic-alpha-800: var(--nordic-alpha-800);
+  --color-nordic-alpha-900: var(--nordic-alpha-900);
+  --color-nordic-alpha-950: var(--nordic-alpha-950);
+  --color-orange-alpha-500: var(--orange-alpha-500);
+  --color-orange-alpha-550: var(--orange-alpha-550);
+  --color-orange-alpha-600: var(--orange-alpha-600);
+  --color-orange-alpha-650: var(--orange-alpha-650);
+  --color-orange-alpha-700: var(--orange-alpha-700);
+  --color-orange-alpha-800: var(--orange-alpha-800);
+  --color-orange-alpha-900: var(--orange-alpha-900);
+  --color-orange-alpha-950: var(--orange-alpha-950);
+  --color-pink-alpha-500: var(--pink-alpha-500);
+  --color-pink-alpha-550: var(--pink-alpha-550);
+  --color-pink-alpha-600: var(--pink-alpha-600);
+  --color-pink-alpha-650: var(--pink-alpha-650);
+  --color-pink-alpha-700: var(--pink-alpha-700);
+  --color-pink-alpha-800: var(--pink-alpha-800);
+  --color-pink-alpha-900: var(--pink-alpha-900);
+  --color-pink-alpha-950: var(--pink-alpha-950);
+  --color-red-alpha-500: var(--red-alpha-500);
+  --color-red-alpha-550: var(--red-alpha-550);
+  --color-red-alpha-600: var(--red-alpha-600);
+  --color-red-alpha-650: var(--red-alpha-650);
+  --color-red-alpha-700: var(--red-alpha-700);
+  --color-red-alpha-800: var(--red-alpha-800);
+  --color-red-alpha-900: var(--red-alpha-900);
+  --color-red-alpha-950: var(--red-alpha-950);
+  --color-sky-alpha-500: var(--sky-alpha-500);
+  --color-sky-alpha-550: var(--sky-alpha-550);
+  --color-sky-alpha-600: var(--sky-alpha-600);
+  --color-sky-alpha-650: var(--sky-alpha-650);
+  --color-sky-alpha-700: var(--sky-alpha-700);
+  --color-sky-alpha-800: var(--sky-alpha-800);
+  --color-sky-alpha-900: var(--sky-alpha-900);
+  --color-sky-alpha-950: var(--sky-alpha-950);
+  --color-yellow-alpha-500: var(--yellow-alpha-500);
+  --color-yellow-alpha-550: var(--yellow-alpha-550);
+  --color-yellow-alpha-600: var(--yellow-alpha-600);
+  --color-yellow-alpha-650: var(--yellow-alpha-650);
+  --color-yellow-alpha-700: var(--yellow-alpha-700);
+  --color-yellow-alpha-800: var(--yellow-alpha-800);
+  --color-yellow-alpha-900: var(--yellow-alpha-900);
+  --color-yellow-alpha-950: var(--yellow-alpha-950);
+  /* Deprecated tokens. See DESIGN.md migration table. Removed in 1.0.0. */
+  --color-border-on-dark: var(--border-on-dark);
+  --color-ring-destructive: var(--ring-destructive);
+  --color-ring-destructive-default: var(--ring-destructive-default);
+  --color-ring-destructive-muted: var(--ring-destructive-muted);
+}
+:root {
+  /* Deprecated shadcn-style core tokens → Reflect / base tokens in colors.css */
+  --background: var(--base-background);
+  --background-fixed-dark: var(--mountain-900);
+  --background-fixed-light: var(--mountain-white);
+  --border: var(--default);
+  --border-active: var(--base-foreground);
+  --border-emphasized: var(--emphasized);
+  --border-fixed-light: var(--mountain-100);
+  --foreground: var(--base-foreground);
+  --foreground-fixed-dark: var(--primary-foreground-fixed-dark);
+  --foreground-fixed-light: var(--popover-foreground-fixed-dark);
+  --foreground-secondary-fixed-dark: var(--mountain-700);
+  --muted-foreground-fixed-light: var(--medium-foreground-fixed-dark);
+  --primary-background-fixed-dark-hover: var(--primary-background-hover-fixed-dark);
+  --ring: var(--ring-default);
+  --secondary-background-fixed-dark-hover: var(--secondary-background-hover-fixed-dark);
+  --secondary-foreground-fixed-light: var(--secondary-foreground-fixed-dark);
+  /* Deprecated semantic/status tokens → Reflect names */
+  --accent-background: var(--base-background-hover);
+  --accent-background-fixed-dark: var(--popover-background-fixed-dark);
+  --accent-background-strong: var(--default);
+  --active-background: var(--secondary-background);
+  --active-background-hover: var(--secondary-background-hover);
+  --active-muted-background: var(--medium-background);
+  --active-muted-background-hover: var(--medium-background-hover);
+  --alternate-background: var(--medium-background);
+  --destructive-background: var(--critical-background);
+  --destructive-background-hover: var(--critical-background-hover);
+  --destructive-foreground: var(--critical-foreground-strong);
+  --destructive-foreground-on-critical: var(--critical-foreground);
+  --destructive-foreground-strong: var(--critical-foreground-strong);
+  --destructive-muted-background: var(--critical-background);
+  --destructive-muted-background-hover: var(--critical-background-hover);
+  --disabled-background: var(--disabled);
+  --disabled-background-fixed-dark: var(--base-background-disabled-fixed-dark);
+  --disabled-foreground: var(--base-foreground-disabled);
+  --disabled-foreground-fixed-dark: var(--base-foreground-disabled-fixed-dark);
+  --foreground-on-active: var(--secondary-foreground);
+  --foreground-on-primary: var(--primary-foreground);
+  --info-foreground-on-info: var(--info-foreground);
+  --info-muted-background: var(--info-background);
+  --input-active-background: var(--muted-background);
+  --neutral-foreground-on-neutral: var(--neutral-foreground);
+  --neutral-muted-background: var(--neutral-background);
+  --overlay-background: var(--base-background-overlay);
+  --raised-background: var(--popover-background-fixed-dark);
+  --success-foreground-on-success: var(--success-foreground);
+  --success-muted-background: var(--success-background);
+  --warning-foreground-on-warning: var(--warning-foreground);
+  --warning-muted-background: var(--warning-background);
+  /* Deprecated named-ramp decorative tokens → decorative-{1..7}-* */
+  --decorative-background-mountain: var(--decorative-1-background);
+  --decorative-background-mountain-hover: var(--decorative-1-background-hover);
+  --decorative-background-fjord: var(--decorative-2-background);
+  --decorative-background-fjord-hover: var(--decorative-2-background-hover);
+  --decorative-background-nordic: var(--decorative-3-background);
+  --decorative-background-nordic-hover: var(--decorative-3-background-hover);
+  --decorative-background-aurora: var(--decorative-4-background);
+  --decorative-background-aurora-hover: var(--decorative-4-background-hover);
+  --decorative-background-dusk: var(--decorative-5-background);
+  --decorative-background-dusk-hover: var(--decorative-5-background-hover);
+  --decorative-background-orange: var(--decorative-6-background);
+  --decorative-background-orange-hover: var(--decorative-6-background-hover);
+  --decorative-background-sky: var(--decorative-7-background);
+  --decorative-background-sky-hover: var(--decorative-7-background-hover);
+  --decorative-foreground-mountain: var(--decorative-1-foreground);
+  --decorative-foreground-fjord: var(--decorative-2-foreground);
+  --decorative-foreground-nordic: var(--decorative-3-foreground);
+  --decorative-foreground-aurora: var(--decorative-4-foreground);
+  --decorative-foreground-dusk: var(--decorative-5-foreground);
+  --decorative-foreground-orange: var(--decorative-6-foreground);
+  --decorative-foreground-sky: var(--decorative-7-foreground);
+  /* Deprecated chart series colors → chart-{N|role}-{step} */
+  --chart-fjord-color-1: var(--chart-1-450);
+  --chart-fjord-color-2: var(--chart-1-400);
+  --chart-fjord-color-3: var(--chart-1-300);
+  --chart-fjord-color-4: var(--chart-1-200);
+  --chart-fjord-color-5: var(--chart-1-100);
+  --chart-fjord-color-6: var(--chart-1-50);
+  --chart-nordic-color-1: var(--chart-2-450);
+  --chart-nordic-color-2: var(--chart-2-400);
+  --chart-nordic-color-3: var(--chart-2-300);
+  --chart-nordic-color-4: var(--chart-2-200);
+  --chart-nordic-color-5: var(--chart-2-100);
+  --chart-nordic-color-6: var(--chart-2-50);
+  --chart-aurora-color-1: var(--chart-3-450);
+  --chart-aurora-color-2: var(--chart-3-400);
+  --chart-aurora-color-3: var(--chart-3-300);
+  --chart-aurora-color-4: var(--chart-3-200);
+  --chart-aurora-color-5: var(--chart-3-100);
+  --chart-aurora-color-6: var(--chart-3-50);
+  --chart-dusk-color-1: var(--chart-4-450);
+  --chart-dusk-color-2: var(--chart-4-400);
+  --chart-dusk-color-3: var(--chart-4-300);
+  --chart-dusk-color-4: var(--chart-4-200);
+  --chart-dusk-color-5: var(--chart-4-100);
+  --chart-dusk-color-6: var(--chart-4-50);
+  --chart-orange-color-1: var(--chart-5-450);
+  --chart-orange-color-2: var(--chart-5-400);
+  --chart-orange-color-3: var(--chart-5-300);
+  --chart-orange-color-4: var(--chart-5-200);
+  --chart-orange-color-5: var(--chart-5-100);
+  --chart-orange-color-6: var(--chart-5-50);
+  --chart-destructive-50: var(--chart-critical-50);
+  --chart-destructive-100: var(--chart-critical-100);
+  --chart-destructive-200: var(--chart-critical-200);
+  --chart-destructive-300: var(--chart-critical-300);
+  --chart-destructive-400: var(--chart-critical-400);
+  --chart-destructive-450: var(--chart-critical-450);
+  --chart-destructive-color-1: var(--chart-critical-450);
+  --chart-destructive-color-2: var(--chart-critical-400);
+  --chart-destructive-color-3: var(--chart-critical-300);
+  --chart-destructive-color-4: var(--chart-critical-200);
+  --chart-destructive-color-5: var(--chart-critical-100);
+  --chart-destructive-color-6: var(--chart-critical-50);
+  --chart-info-color-1: var(--chart-info-450);
+  --chart-info-color-2: var(--chart-info-400);
+  --chart-info-color-3: var(--chart-info-300);
+  --chart-info-color-4: var(--chart-info-200);
+  --chart-info-color-5: var(--chart-info-100);
+  --chart-info-color-6: var(--chart-info-50);
+  --chart-neutral-color-1: var(--chart-neutral-450);
+  --chart-neutral-color-2: var(--chart-neutral-400);
+  --chart-neutral-color-3: var(--chart-neutral-300);
+  --chart-neutral-color-4: var(--chart-neutral-200);
+  --chart-neutral-color-5: var(--chart-neutral-100);
+  --chart-neutral-color-6: var(--chart-neutral-50);
+  --chart-success-color-1: var(--chart-success-450);
+  --chart-success-color-2: var(--chart-success-400);
+  --chart-success-color-3: var(--chart-success-300);
+  --chart-success-color-4: var(--chart-success-200);
+  --chart-success-color-5: var(--chart-success-100);
+  --chart-success-color-6: var(--chart-success-50);
+  --chart-warning-color-1: var(--chart-warning-450);
+  --chart-warning-color-2: var(--chart-warning-400);
+  --chart-warning-color-3: var(--chart-warning-300);
+  --chart-warning-color-4: var(--chart-warning-200);
+  --chart-warning-color-5: var(--chart-warning-100);
+  --chart-warning-color-6: var(--chart-warning-50);
+  /* Deprecated ramp -550 steps (non-mountain) → -500. Removed in 1.0.0. */
+  --amber-550: var(--amber-500);
+  --aurora-550: var(--aurora-500);
+  --blue-550: var(--blue-500);
+  --dusk-550: var(--dusk-500);
+  --fjord-550: var(--fjord-500);
+  --gray-550: var(--gray-500);
+  --green-550: var(--green-500);
+  --nordic-550: var(--nordic-500);
+  --orange-550: var(--orange-500);
+  --pink-550: var(--pink-500);
+  --red-550: var(--red-500);
+  --sky-550: var(--sky-500);
+  --yellow-550: var(--yellow-500);
+  /* Deprecated alpha ramp steps 500–950 → canonical alpha steps. Removed in 1.0.0. */
+  --amber-alpha-500: var(--amber-alpha-450);
+  --amber-alpha-550: var(--amber-alpha-450);
+  --amber-alpha-600: var(--amber-alpha-450);
+  --amber-alpha-650: var(--amber-alpha-400);
+  --amber-alpha-700: var(--amber-alpha-300);
+  --amber-alpha-800: var(--amber-alpha-200);
+  --amber-alpha-900: var(--amber-alpha-100);
+  --amber-alpha-950: var(--amber-alpha-50);
+  --aurora-alpha-500: var(--aurora-alpha-450);
+  --aurora-alpha-550: var(--aurora-alpha-450);
+  --aurora-alpha-600: var(--aurora-alpha-450);
+  --aurora-alpha-650: var(--aurora-alpha-400);
+  --aurora-alpha-700: var(--aurora-alpha-300);
+  --aurora-alpha-800: var(--aurora-alpha-200);
+  --aurora-alpha-900: var(--aurora-alpha-100);
+  --aurora-alpha-950: var(--aurora-alpha-50);
+  --blue-alpha-500: var(--blue-alpha-450);
+  --blue-alpha-550: var(--blue-alpha-450);
+  --blue-alpha-600: var(--blue-alpha-450);
+  --blue-alpha-650: var(--blue-alpha-400);
+  --blue-alpha-700: var(--blue-alpha-300);
+  --blue-alpha-800: var(--blue-alpha-200);
+  --blue-alpha-900: var(--blue-alpha-100);
+  --blue-alpha-950: var(--blue-alpha-50);
+  --dusk-alpha-500: var(--dusk-alpha-450);
+  --dusk-alpha-550: var(--dusk-alpha-450);
+  --dusk-alpha-600: var(--dusk-alpha-450);
+  --dusk-alpha-650: var(--dusk-alpha-400);
+  --dusk-alpha-700: var(--dusk-alpha-300);
+  --dusk-alpha-800: var(--dusk-alpha-200);
+  --dusk-alpha-900: var(--dusk-alpha-100);
+  --dusk-alpha-950: var(--dusk-alpha-50);
+  --fjord-alpha-500: var(--fjord-alpha-450);
+  --fjord-alpha-550: var(--fjord-alpha-450);
+  --fjord-alpha-600: var(--fjord-alpha-450);
+  --fjord-alpha-650: var(--fjord-alpha-400);
+  --fjord-alpha-700: var(--fjord-alpha-300);
+  --fjord-alpha-800: var(--fjord-alpha-200);
+  --fjord-alpha-900: var(--fjord-alpha-100);
+  --fjord-alpha-950: var(--fjord-alpha-50);
+  --gray-alpha-500: var(--gray-alpha-450);
+  --gray-alpha-550: var(--gray-alpha-450);
+  --gray-alpha-600: var(--gray-alpha-450);
+  --gray-alpha-650: var(--gray-alpha-400);
+  --gray-alpha-700: var(--gray-alpha-300);
+  --gray-alpha-800: var(--gray-alpha-200);
+  --gray-alpha-900: var(--gray-alpha-100);
+  --gray-alpha-950: var(--gray-alpha-50);
+  --green-alpha-500: var(--green-alpha-450);
+  --green-alpha-550: var(--green-alpha-450);
+  --green-alpha-600: var(--green-alpha-450);
+  --green-alpha-650: var(--green-alpha-400);
+  --green-alpha-700: var(--green-alpha-300);
+  --green-alpha-800: var(--green-alpha-200);
+  --green-alpha-900: var(--green-alpha-100);
+  --green-alpha-950: var(--green-alpha-50);
+  --mountain-alpha-500: var(--mountain-alpha-450);
+  --mountain-alpha-550: var(--mountain-alpha-450);
+  --mountain-alpha-600: var(--mountain-alpha-450);
+  --mountain-alpha-650: var(--mountain-alpha-400);
+  --mountain-alpha-700: var(--mountain-alpha-300);
+  --mountain-alpha-800: var(--mountain-alpha-200);
+  --mountain-alpha-900: var(--mountain-alpha-100);
+  --mountain-alpha-950: var(--mountain-alpha-50);
+  --nordic-alpha-500: var(--nordic-alpha-450);
+  --nordic-alpha-550: var(--nordic-alpha-450);
+  --nordic-alpha-600: var(--nordic-alpha-450);
+  --nordic-alpha-650: var(--nordic-alpha-400);
+  --nordic-alpha-700: var(--nordic-alpha-300);
+  --nordic-alpha-800: var(--nordic-alpha-200);
+  --nordic-alpha-900: var(--nordic-alpha-100);
+  --nordic-alpha-950: var(--nordic-alpha-50);
+  --orange-alpha-500: var(--orange-alpha-450);
+  --orange-alpha-550: var(--orange-alpha-450);
+  --orange-alpha-600: var(--orange-alpha-450);
+  --orange-alpha-650: var(--orange-alpha-400);
+  --orange-alpha-700: var(--orange-alpha-300);
+  --orange-alpha-800: var(--orange-alpha-200);
+  --orange-alpha-900: var(--orange-alpha-100);
+  --orange-alpha-950: var(--orange-alpha-50);
+  --pink-alpha-500: var(--pink-alpha-450);
+  --pink-alpha-550: var(--pink-alpha-450);
+  --pink-alpha-600: var(--pink-alpha-450);
+  --pink-alpha-650: var(--pink-alpha-400);
+  --pink-alpha-700: var(--pink-alpha-300);
+  --pink-alpha-800: var(--pink-alpha-200);
+  --pink-alpha-900: var(--pink-alpha-100);
+  --pink-alpha-950: var(--pink-alpha-50);
+  --red-alpha-500: var(--red-alpha-450);
+  --red-alpha-550: var(--red-alpha-450);
+  --red-alpha-600: var(--red-alpha-450);
+  --red-alpha-650: var(--red-alpha-400);
+  --red-alpha-700: var(--red-alpha-300);
+  --red-alpha-800: var(--red-alpha-200);
+  --red-alpha-900: var(--red-alpha-100);
+  --red-alpha-950: var(--red-alpha-50);
+  --sky-alpha-500: var(--sky-alpha-450);
+  --sky-alpha-550: var(--sky-alpha-450);
+  --sky-alpha-600: var(--sky-alpha-450);
+  --sky-alpha-650: var(--sky-alpha-400);
+  --sky-alpha-700: var(--sky-alpha-300);
+  --sky-alpha-800: var(--sky-alpha-200);
+  --sky-alpha-900: var(--sky-alpha-100);
+  --sky-alpha-950: var(--sky-alpha-50);
+  --yellow-alpha-500: var(--yellow-alpha-450);
+  --yellow-alpha-550: var(--yellow-alpha-450);
+  --yellow-alpha-600: var(--yellow-alpha-450);
+  --yellow-alpha-650: var(--yellow-alpha-400);
+  --yellow-alpha-700: var(--yellow-alpha-300);
+  --yellow-alpha-800: var(--yellow-alpha-200);
+  --yellow-alpha-900: var(--yellow-alpha-100);
+  --yellow-alpha-950: var(--yellow-alpha-50);
+  /* Deprecated opacity tokens → opacity-white-* / opacity-black-* */
+  --opacity-10: var(--opacity-white-10);
+  --opacity-10-inverted: var(--opacity-black-10);
+  --opacity-20: var(--opacity-white-20);
+  --opacity-20-inverted: var(--opacity-black-20);
+  --opacity-40: var(--opacity-white-40);
+  --opacity-40-inverted: var(--opacity-black-40);
+  --opacity-60: var(--opacity-white-60);
+  --opacity-60-inverted: var(--opacity-black-60);
+  --opacity-80: var(--opacity-white-80);
+  --opacity-80-inverted: var(--opacity-black-80);
+  /* Deprecated tokens. See DESIGN.md migration table. Removed in 1.0.0. */
+  --border-on-dark: var(--popover-background-fixed-dark);
+  --ring-destructive: var(--ring-critical);
+  --ring-destructive-default: var(--ring-critical);
+  --ring-destructive-muted: var(--ring-critical-muted);
+}
+/*
+ * Theme-aware aliases above inherit light/dark from colors.css.
+ * No .dark block needed — deprecated tokens track Reflect tokens automatically.
+ * Canonical ramps: alpha 50–450 only; -550 only on mountain.
+ * Extended -550 / alpha-500..950 aliases live here for migration.
+ * chart-destructive-* and destructive-foreground-strong alias to Reflect critical names.
+ */