refactor: migrate UI to Material 3 with unified Material Symbols icons

app/src/main/res/drawable/bg_add_variation_button.xml

@@ -3,13 +3,13 @@
     <item android:state_pressed="true">
         <shape android:shape="rectangle">
             <solid android:color="@color/color_text_secondary" />
-            <corners android:radius="10dp" />
+            <corners android:radius="@dimen/radius_s" />
         </shape>
     </item>
     <item>
         <shape android:shape="rectangle">
             <solid android:color="@color/color_text_primary" />
-            <corners android:radius="10dp" />
+            <corners android:radius="@dimen/radius_s" />
         </shape>
     </item>
 </selector>

app/src/main/res/drawable/bg_avatar_placeholder.xml

@@ -2,6 +2,6 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@color/color_bg_tertiary" />
-    <corners android:radius="10dp" />
+    <corners android:radius="@dimen/radius_s" />
     <stroke android:width="2dp" android:color="@color/color_bg_white" />
 </shape>

app/src/main/res/drawable/bg_badge_lightning.xml

@@ -2,5 +2,5 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@color/color_badge_lightning_bg" />
-    <corners android:radius="20dp" />
+    <corners android:radius="@dimen/radius_search" />
 </shape>

app/src/main/res/drawable/bg_badge_success.xml

@@ -2,5 +2,5 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@color/color_success_green" />
-    <corners android:radius="4dp" />
+    <corners android:radius="@dimen/radius_xs" />
 </shape>

app/src/main/res/drawable/bg_badge_success_pill.xml

@@ -2,5 +2,5 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@color/color_success_green" />
-    <corners android:radius="100dp" />
+    <corners android:radius="@dimen/radius_button_pill" />
 </shape>

app/src/main/res/drawable/bg_basket_name_chip.xml

@@ -3,14 +3,14 @@
     <!-- Pressed state -->
     <item android:state_pressed="true">
         <shape android:shape="rectangle">
-            <corners android:radius="18dp" />
+            <corners android:radius="@dimen/radius_chip" />
             <solid android:color="@color/color_accent_blue_light" />
         </shape>
     </item>
     <!-- Default state -->
     <item>
         <shape android:shape="rectangle">
-            <corners android:radius="18dp" />
+            <corners android:radius="@dimen/radius_chip" />
             <solid android:color="@color/color_bg_secondary" />
         </shape>
     </item>

app/src/main/res/drawable/bg_bottom_sheet.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
     <solid android:color="@color/color_bg_white"/>
-    <corners android:topLeftRadius="16dp" android:topRightRadius="16dp"/>
+    <corners android:topLeftRadius="@dimen/radius_button" android:topRightRadius="@dimen/radius_button"/>
 </shape>

app/src/main/res/drawable/bg_bottom_sheet_handle.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
     <solid android:color="@color/color_divider"/>
-    <corners android:radius="2dp"/>
+    <corners android:radius="@dimen/radius_micro"/>
 </shape>

app/src/main/res/drawable/bg_btcmap_banner.xml

@@ -2,5 +2,5 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@android:color/white" />
-    <corners android:radius="16dp" />
+    <corners android:radius="@dimen/radius_card" />
 </shape>

app/src/main/res/drawable/bg_button_black.xml

@@ -3,21 +3,21 @@
     <!-- Disabled state - black with 20% opacity -->
     <item android:state_enabled="false">
         <shape android:shape="rectangle">
-            <corners android:radius="26dp" />
+            <corners android:radius="@dimen/radius_pill" />
             <solid android:color="@color/color_black_20" />
         </shape>
     </item>
     <!-- Pressed state - slightly lighter black -->
     <item android:state_pressed="true">
         <shape android:shape="rectangle">
-            <corners android:radius="26dp" />
+            <corners android:radius="@dimen/radius_pill" />
             <solid android:color="@color/color_button_primary_pressed" />
         </shape>
     </item>
     <!-- Enabled state - 100% black -->
     <item>
         <shape android:shape="rectangle">
-            <corners android:radius="26dp" />
+            <corners android:radius="@dimen/radius_pill" />
             <solid android:color="@color/black" />
         </shape>
     </item>

app/src/main/res/drawable/bg_button_charge.xml

@@ -3,21 +3,21 @@
     <!-- Disabled state - black with 30% opacity (brighter than before) -->
     <item android:state_enabled="false">
         <shape android:shape="rectangle">
-            <corners android:radius="26dp" />
+            <corners android:radius="@dimen/radius_pill" />
             <solid android:color="@color/color_black_30" />
         </shape>
     </item>
     <!-- Pressed state - white with 15% opacity (slightly less for feedback) -->
     <item android:state_pressed="true">
         <shape android:shape="rectangle">
-            <corners android:radius="26dp" />
+            <corners android:radius="@dimen/radius_pill" />
             <solid android:color="@color/color_white_15" />
         </shape>
     </item>
     <!-- Enabled state - white with 15% opacity (darker than before) with border -->
     <item>
         <shape android:shape="rectangle">
-            <corners android:radius="26dp" />
+            <corners android:radius="@dimen/radius_pill" />
             <solid android:color="@color/color_white_34" />
         </shape>
     </item>

app/src/main/res/drawable/bg_button_destructive.xml

@@ -4,7 +4,7 @@
     <item>
         <shape android:shape="rectangle">
             <solid android:color="@color/color_warning_red" />
-            <corners android:radius="28dp" />
+            <corners android:radius="@dimen/radius_button" />
         </shape>
     </item>
 </ripple>

app/src/main/res/drawable/bg_button_empty_state_primary.xml

@@ -3,15 +3,15 @@
     <!-- Pressed state -->
     <item android:state_pressed="true">
         <shape android:shape="rectangle">
-            <corners android:radius="26dp" />
+            <corners android:radius="@dimen/radius_pill" />
             <solid android:color="@color/empty_state_button_primary_bg" />
             <stroke android:width="0dp" android:color="@android:color/transparent" />
         </shape>
     </item>
     <!-- Default state -->
     <item>
         <shape android:shape="rectangle">
-            <corners android:radius="26dp" />
+            <corners android:radius="@dimen/radius_pill" />
             <solid android:color="@color/empty_state_button_primary_bg" />
         </shape>
     </item>

app/src/main/res/drawable/bg_button_icon.xml

@@ -4,7 +4,7 @@
     <item>
         <shape android:shape="rectangle">
             <solid android:color="@color/color_bg_secondary" />
-            <corners android:radius="12dp" />
+            <corners android:radius="@dimen/radius_input" />
             <stroke
                 android:width="1dp"
                 android:color="@color/color_divider" />

app/src/main/res/drawable/bg_button_primary_black.xml

@@ -4,7 +4,7 @@
     <item>
         <shape android:shape="rectangle">
             <solid android:color="@color/color_text_primary" />
-            <corners android:radius="14dp" />
+            <corners android:radius="@dimen/radius_button_compact" />
         </shape>
     </item>
 </ripple>

app/src/main/res/drawable/bg_button_primary_green.xml

@@ -3,21 +3,21 @@
     <!-- Disabled state -->
     <item android:state_enabled="false">
         <shape android:shape="rectangle">
-            <corners android:radius="100dp" />
+            <corners android:radius="@dimen/radius_button_pill" />
             <solid android:color="@color/color_button_primary_disabled" />
         </shape>
     </item>
     <!-- Pressed state -->
     <item android:state_pressed="true">
         <shape android:shape="rectangle">
-            <corners android:radius="100dp" />
+            <corners android:radius="@dimen/radius_button_pill" />
             <solid android:color="@color/color_button_primary_pressed" />
         </shape>
     </item>
     <!-- Enabled state -->
     <item>
         <shape android:shape="rectangle">
-            <corners android:radius="100dp" />
+            <corners android:radius="@dimen/radius_button_pill" />
             <solid android:color="@color/color_primary_green" />
         </shape>
     </item>

app/src/main/res/drawable/bg_button_secondary.xml

@@ -4,7 +4,7 @@
     <item>
         <shape android:shape="rectangle">
             <solid android:color="@color/color_bg_tertiary" />
-            <corners android:radius="10dp" />
+            <corners android:radius="@dimen/radius_s" />
         </shape>
     </item>
 </ripple>

app/src/main/res/drawable/bg_button_secondary_gray.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
-    <corners android:radius="26dp" />
+    <corners android:radius="@dimen/radius_pill" />
     <solid android:color="@color/color_text_secondary" />
 </shape>

app/src/main/res/drawable/bg_button_secondary_outlined.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
-    <corners android:radius="12dp" />
+    <corners android:radius="@dimen/radius_input" />
     <solid android:color="@android:color/transparent" />
     <stroke android:width="1dp" android:color="@color/color_divider"
         android:dashWidth="6dp" android:dashGap="4dp" />

app/src/main/res/drawable/bg_button_secondary_pill.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
-    <corners android:radius="26dp" />
+    <corners android:radius="@dimen/radius_pill" />
     <solid android:color="@color/color_bg_white" />
     <stroke
         android:width="1dp"

app/src/main/res/drawable/bg_button_tertiary_dark.xml

@@ -3,14 +3,14 @@
     <!-- Pressed state -->
     <item android:state_pressed="true">
         <shape android:shape="rectangle">
-            <corners android:radius="28dp" />
+            <corners android:radius="@dimen/radius_button" />
             <solid android:color="@color/color_white_10" />
         </shape>
     </item>
     <!-- Default state -->
     <item>
         <shape android:shape="rectangle">
-            <corners android:radius="28dp" />
+            <corners android:radius="@dimen/radius_button" />
             <solid android:color="@android:color/transparent" />
         </shape>
     </item>

app/src/main/res/drawable/bg_button_white.xml

@@ -3,21 +3,21 @@
     <!-- Disabled state — subtle on dark bg -->
     <item android:state_enabled="false">
         <shape android:shape="rectangle">
-            <corners android:radius="28dp" />
+            <corners android:radius="@dimen/radius_button" />
             <solid android:color="@color/color_white_10" />
         </shape>
     </item>
     <!-- Pressed state -->
     <item android:state_pressed="true">
         <shape android:shape="rectangle">
-            <corners android:radius="28dp" />
+            <corners android:radius="@dimen/radius_button" />
             <solid android:color="@color/color_white_80" />
         </shape>
     </item>
     <!-- Enabled state -->
     <item>
         <shape android:shape="rectangle">
-            <corners android:radius="28dp" />
+            <corners android:radius="@dimen/radius_button" />
             <solid android:color="@color/white" />
         </shape>
     </item>

app/src/main/res/drawable/bg_card_rounded.xml

@@ -2,5 +2,5 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@color/color_bg_card" />
-    <corners android:radius="12dp" />
+    <corners android:radius="@dimen/radius_input" />
 </shape>

app/src/main/res/drawable/bg_category_badge.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
-    <corners android:radius="6dp" />
+    <corners android:radius="@dimen/radius_badge" />
     <solid android:color="@color/color_text_primary" />
 </shape>

app/src/main/res/drawable/bg_category_chip.xml

@@ -3,7 +3,7 @@
     <!-- Selected state: green background like bg_category_tag_selected -->
     <item android:state_selected="true">
         <shape android:shape="rectangle">
-            <corners android:radius="16dp" />
+            <corners android:radius="@dimen/radius_card" />
             <solid android:color="@color/color_primary_green" />
             <padding
                 android:left="12dp"
@@ -15,7 +15,7 @@
     <!-- Pressed state -->
     <item android:state_pressed="true">
         <shape android:shape="rectangle">
-            <corners android:radius="16dp" />
+            <corners android:radius="@dimen/radius_card" />
             <solid android:color="@color/color_bg_secondary" />
             <padding
                 android:left="12dp"
@@ -27,7 +27,7 @@
     <!-- Default state: tertiary background like bg_category_tag -->
     <item>
         <shape android:shape="rectangle">
-            <corners android:radius="16dp" />
+            <corners android:radius="@dimen/radius_card" />
             <solid android:color="@color/color_bg_tertiary" />
             <padding
                 android:left="12dp"

app/src/main/res/drawable/bg_category_tag.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
-    <corners android:radius="16dp" />
+    <corners android:radius="@dimen/radius_card" />
     <solid android:color="@color/color_bg_tertiary" />
     <padding
         android:left="12dp"

app/src/main/res/drawable/bg_category_tag_add.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
-    <corners android:radius="16dp" />
+    <corners android:radius="@dimen/radius_card" />
     <stroke
         android:width="1dp"
         android:color="@color/color_primary_green"

app/src/main/res/drawable/bg_category_tag_selected.xml

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
-    <corners android:radius="16dp" />
+    <corners android:radius="@dimen/radius_card" />
     <solid android:color="@color/color_primary_green" />
     <padding
         android:left="12dp"

app/src/main/res/drawable/bg_checkout_button.xml

@@ -4,7 +4,7 @@
     <item>
         <shape android:shape="rectangle">
             <solid android:color="@color/color_success_green" />
-            <corners android:radius="100dp" />
+            <corners android:radius="@dimen/radius_button_pill" />
         </shape>
     </item>
 </ripple>

app/src/main/res/drawable/bg_chip_outlined.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android">
-    <corners android:radius="18dp" />
+    <corners android:radius="@dimen/radius_chip" />
     <solid android:color="@color/color_bg_white" />
     <stroke android:width="1dp" android:color="@color/color_chip_border" />
 </shape>

app/src/main/res/drawable/bg_close_button_scanner.xml

@@ -4,7 +4,7 @@
     <item>
         <shape android:shape="rectangle">
             <solid android:color="@color/color_black_80" />
-            <corners android:radius="28dp" />
+            <corners android:radius="@dimen/radius_button" />
         </shape>
     </item>
 </ripple>

app/src/main/res/drawable/bg_dialog_rounded.xml

@@ -2,5 +2,5 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@color/color_bg_white" />
-    <corners android:radius="20dp" />
+    <corners android:radius="@dimen/radius_button" />
 </shape>

app/src/main/res/drawable/bg_dynamic_island.xml

@@ -2,5 +2,5 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@color/black" />
-    <corners android:radius="28dp" />
+    <corners android:radius="@dimen/radius_button" />
 </shape>

app/src/main/res/drawable/bg_dynamic_island_error.xml

@@ -2,5 +2,5 @@
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">
     <solid android:color="@color/color_dynamic_island_error" />
-    <corners android:radius="28dp" />
+    <corners android:radius="@dimen/radius_button" />
 </shape>