:root{
  /* Background Colors */
  --st-bg-neutral-default: var(--neutral-0);
  --st-bg-neutral-weak: var(--neutral-10);
  --st-bg-neutral-subtle: var(--neutral-20);
  --st-bg-neutral-tint: var(--neutral-5);
  --st-bg-neutral-contrast: var(--neutral-70);
  --st-bg-neutral-inverted: var(--neutral-100);
  --st-bg-neutral-mute: var(--neutral-40); /* Disabled state */

  --st-bg-brand-solid: var(--blue-70);
  --st-bg-brand-weak: var(--blue-10);

  --st-bg-overlay-backdrop: var(--alpha-40);
  --st-bg-overlay-cover: var(--alpha-70);

  /* Text Colors */
  --st-text-default: var(--neutral-100);
  --st-text-subtle: var(--neutral-70);
  --st-text-inverted: var(--neutral-0);
  --st-text-brand: var(--blue-70);
  --st-text-mute: var(--neutral-40);

  /* Stroke Colors */
  --st-stroke-default: var(--neutral-20);
  --st-stroke-subtle: var(--neutral-10);
  --st-stroke-accent: var(--neutral-70);
  --st-stroke-brand: var(--blue-70);

  /* Icon Colors */
  --st-icon-default: var(--neutral-60);
  --st-icon-subtle: var(--neutral-100);
  --st-icon-inverted: var(--neutral-0);
  --st-icon-brand: var(--blue-70);
  --st-icon-mute: var(--neutral-40);

  /* Support & Feedback Colors */
  --st-support-positive: var(--blue-60);
  --st-support-positive-subtle: var(--blue-10);

  --st-support-critical: var(--red-60);
  --st-support-critical-subtle: var(--red-10);

  --st-support-adaptive: var(--purple-50);
  --st-support-adaptive-subtle: var(--purple-10);

  --st-support-neutral: var(--neutral-60);
  --st-support-neutral-subtle: var(--neutral-20);

  /* Dimensions */
  --st-dimension-x0_5: calc(var(--st-dimension-unit-x0_5) * 0.4rem);
  --st-dimension-x1: calc(var(--st-dimension-unit-x1) * 0.4rem);
  --st-dimension-x1_5: calc(var(--st-dimension-unit-x1_5) * 0.4rem);
  --st-dimension-x2: calc(var(--st-dimension-unit-x2) * 0.4rem);
  --st-dimension-x2_5: calc(var(--st-dimension-unit-x2_5) * 0.4rem);
  --st-dimension-x3: calc(var(--st-dimension-unit-x3) * 0.4rem);
  --st-dimension-x3_5: calc(var(--st-dimension-unit-x3_5) * 0.4rem);
  --st-dimension-x4: calc(var(--st-dimension-unit-x4) * 0.4rem);
  --st-dimension-x5: calc(var(--st-dimension-unit-x5) * 0.4rem);
  --st-dimension-x6: calc(var(--st-dimension-unit-x6) * 0.4rem);
  --st-dimension-x7: calc(var(--st-dimension-unit-x7) * 0.4rem);
  --st-dimension-x7_5: calc(var(--st-dimension-unit-x7_5) * 0.4rem);
  --st-dimension-x8: calc(var(--st-dimension-unit-x8) * 0.4rem);
  --st-dimension-x10: calc(var(--st-dimension-unit-x10) * 0.4rem);
  --st-dimension-x15: calc(var(--st-dimension-unit-x15) * 0.4rem);
}