From 2b0a42393fdbf2c5a9c99f0af721b046689057d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Ferreira?=
 <60441552+JoaoFerreira-FrontEnd@users.noreply.github.com>
Date: Tue, 18 Nov 2025 10:17:37 +0000
Subject: [PATCH] fix(radio-button): update radio tokens (#30788)

Issue number: internal
---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- update radio tokens

## Does this introduce a breaking change?
- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

[supporting-text](https://ionic-framework-git-rou-12145-ionic1.vercel.app/src/components/radio-group/test/supporting-text?ionic:theme=ionic)
---
 core/src/components/radio-group/radio-group.ionic.scss | 4 ++--
 core/src/components/radio/radio.ionic.scss             | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/core/src/components/radio-group/radio-group.ionic.scss b/core/src/components/radio-group/radio-group.ionic.scss
index b45d765e48..9f88be770f 100644
--- a/core/src/components/radio-group/radio-group.ionic.scss
+++ b/core/src/components/radio-group/radio-group.ionic.scss
@@ -11,11 +11,11 @@
 }
 
 .radio-group-top .error-text {
-  color: globals.$ion-semantics-danger-800;
+  color: globals.$ion-text-danger;
 }
 
 .radio-group-top .helper-text {
-  color: globals.$ion-primitives-neutral-800;
+  color: globals.$ion-text-subtlest;
 }
 
 // Radio Group Top: in List
diff --git a/core/src/components/radio/radio.ionic.scss b/core/src/components/radio/radio.ionic.scss
index 9b7aca92ca..3440ac2d2f 100644
--- a/core/src/components/radio/radio.ionic.scss
+++ b/core/src/components/radio/radio.ionic.scss
@@ -5,8 +5,8 @@
 // --------------------------------------------------
 
 :host {
-  --color: #{globals.$ion-primitives-neutral-500};
-  --color-checked: #{globals.$ion-semantics-primary-base};
+  --color: #{globals.$ion-border-input-default};
+  --color-checked: #{globals.$ion-bg-primary-base-default};
   --border-width: #{globals.$ion-border-size-025};
   --border-style: #{globals.$ion-border-style-solid};
   --border-radius: #{globals.$ion-border-radius-full};
@@ -55,7 +55,7 @@
   border-style: var(--border-style);
   border-color: var(--color);
 
-  background-color: globals.$ion-bg-surface-default;
+  background-color: globals.$ion-bg-input-default;
 }
 
 // Ionic Radio Inner Circle: Unchecked
@@ -67,7 +67,7 @@
   width: calc(32% + var(--border-width));
   height: calc(32% + var(--border-width));
 
-  background-color: globals.$ion-bg-surface-default;
+  background-color: globals.$ion-bg-surface-inverse;
 }
 
 // Ionic Radio Outer Circle: Checked