Consolidate shared UI CSS for consistent account and tool surfaces - PR_26152_003-shared-ui-css-consolidation

Author: ToolboxAid

GameFoundryStudio/assets/css/controls.css

@@ -109,7 +109,7 @@ button,
 input[type="button"],
 input[type="submit"],
 input[type="reset"] {
-  border-radius: 12px;
+  border-radius: var(--radius-md);
   padding: 10px 14px;
   font: inherit;
   font-weight: 800;
@@ -154,7 +154,7 @@ output {
 input,
 textarea,
 select {
-  border-radius: 12px;
+  border-radius: var(--radius-md);
   padding: 12px
 }
 

GameFoundryStudio/assets/css/gamefoundrystudio.css

@@ -129,7 +129,7 @@
 }
 
 .btn {
-  border-radius: 12px;
+  border-radius: var(--radius-md);
   padding: 10px 14px;
   font: inherit;
   font-weight: 800;
@@ -237,7 +237,7 @@
 .mini-stat {
   padding: 18px;
   border: 1px solid var(--line);
-  border-radius: 16px;
+  border-radius: var(--radius-lg);
   background: var(--panel-soft)
 }
 
@@ -255,7 +255,7 @@
   width: 100%;
   border-collapse: collapse;
   overflow: hidden;
-  border-radius: 16px
+  border-radius: var(--radius-lg)
 }
 
 .table th,
@@ -275,7 +275,7 @@
 .pill {
   display: inline-flex;
   border: 1px solid var(--line);
-  border-radius: 999px;
+  border-radius: var(--radius-pill);
   padding: 7px 10px;
   color: var(--muted);
   font-size: 13px
@@ -368,7 +368,7 @@
   position: absolute;
   inset: 0;
   border: 1px solid var(--line);
-  border-radius: 999px;
+  border-radius: var(--radius-pill);
   background: var(--switch-off);
   transition: .2s
 }
@@ -447,7 +447,7 @@
 
 details.vertical-accordion {
   border: 1px solid var(--line);
-  border-radius: 16px;
+  border-radius: var(--radius-lg);
   background: var(--panel-overlay-strong);
   overflow: hidden
 }
@@ -473,7 +473,7 @@ details.vertical-accordion summary:after {
   width: 20px;
   height: 20px;
   border: 1px solid var(--line);
-  border-radius: 999px;
+  border-radius: var(--radius-pill);
   background: var(--panel-soft);
   color: var(--gold);
   display: inline-grid;
@@ -509,7 +509,7 @@ details.vertical-accordion[open] summary:active:after {
   width: 20px;
   height: 20px;
   padding: 0;
-  border-radius: 999px;
+  border-radius: var(--radius-pill);
   background: var(--panel-soft);
   color: var(--gold);
   line-height: 1;
@@ -567,7 +567,7 @@ details.vertical-accordion[open] summary:active:after {
 }
 
 .tool-column {
-  border-radius: 22px
+  border-radius: var(--radius-xl)
 }
 
 .tool-column:first-of-type {
@@ -657,7 +657,7 @@ body[class*="tool-group-"] details.vertical-accordion summary:after {
   min-width: 0;
   padding: 22px;
   text-align: center;
-  border-radius: 22px
+  border-radius: var(--radius-xl)
 }
 
 .tool-center-panel img {
@@ -679,7 +679,7 @@ body[class*="tool-group-"] details.vertical-accordion summary:after {
   grid-row: 1;
   margin: 0 0 12px;
   border: 1px solid var(--meaning-border, var(--line));
-  border-radius: 16px;
+  border-radius: var(--radius-lg);
   background: var(--panel);
   box-shadow: var(--shadow-md);
   overflow: hidden;
@@ -711,7 +711,7 @@ body[class*="tool-group-"] details.vertical-accordion summary:after {
   width: 20px;
   height: 20px;
   border: 1px solid var(--meaning-border, var(--line));
-  border-radius: 999px;
+  border-radius: var(--radius-pill);
   background: var(--panel-soft);
   color: var(--meaning-color, var(--gold));
   display: inline-grid;
@@ -741,7 +741,7 @@ body[class*="tool-group-"] details.vertical-accordion summary:after {
   object-fit: cover;
   object-position: center;
   border: 1px solid var(--meaning-border, var(--line));
-  border-radius: 999px;
+  border-radius: var(--radius-pill);
   background: var(--panel-soft)
 }