Point color, radius, stroke, focus, and type tokens at the Figma scale so later sections use the same values.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/controls/Switch/Switch.container.tsx

@@ -69,7 +69,7 @@ const SwitchContainer = memo(
     // Switch track styles based on propSwitch state
     const getTrackStyles = useCallback(() => {
       return propSwitch
-        ? "bg-[var(--color-surface-inverse-tertiary)]"
+        ? "bg-[var(--color-surface-invert-tertiary)]"
         : "bg-[var(--color-surface-default-tertiary)]";
     }, [propSwitch]);
 
@@ -81,7 +81,7 @@ const SwitchContainer = memo(
     // Focus styles
     const getFocusStyles = useCallback(() => {
       if (state === "focus") {
-        return "shadow-[0_0_5px_3px_#3281F8] rounded-full";
+        return "shadow-[var(--shadow-focus-default)] rounded-full";
       }
       return "";
     }, [state]);
@@ -98,7 +98,7 @@ const SwitchContainer = memo(
       transition-all
       duration-200
       focus:outline-none
-      focus-visible:shadow-[0_0_5px_3px_#3281F8]
+      focus-visible:shadow-[var(--shadow-focus-default)]
       focus-visible:rounded-full
       ${focusStyles}
       ${className}
@@ -123,9 +123,9 @@ const SwitchContainer = memo(
 
     const thumbClasses = `
       ${thumbStyles}
-      w-[var(--measures-sizing-020)]
-      h-[var(--measures-sizing-020)]
-      rounded-[var(--measures-radius-xlarge)]
+      w-[var(--space-500)]
+      h-[var(--space-500)]
+      rounded-[var(--radius-500)]
       transition-all
       duration-200
       shadow-sm
@@ -134,7 +134,7 @@ const SwitchContainer = memo(
       .replace(/\s+/g, " ");
 
     const labelClasses = `
-      ml-[var(--measures-spacing-008)]
+      ml-[var(--space-200)]
       text-small-paragraph
       text-[var(--color-content-default-primary)]
     `