Removed more legacy components from template

Author: diegochine

client/bespoke-template.css

@@ -105,35 +105,6 @@
   margin: var(--UI-Spacing-spacing-s) 0;
 }
 
-/* Textarea */
-.bespoke textarea {
-  padding: var(--UI-Spacing-spacing-ms);
-  border: 1px solid var(--Colors-Input-Border-Default);
-  border-radius: var(--UI-Radius-radius-s);
-  background: var(--Colors-Input-Background-Default);
-  color: var(--Colors-Input-Text-Default);
-  font-family: var(--body-family);
-  font-size: var(--Fonts-Body-Default-md);
-  min-height: 6rem;
-  resize: vertical;
-  transition: border-color 0.2s ease;
-}
-
-.bespoke textarea:hover {
-  border-color: var(--Colors-Input-Border-Hover);
-}
-
-.bespoke textarea:focus-visible {
-  outline: none;
-  border-color: var(--Colors-Input-Border-Focus);
-  box-shadow: 0 0 0 4px var(--Colors-Input-Shadow-Focus);
-}
-
-.bespoke textarea::placeholder {
-  color: var(--Colors-Input-Text-Placeholder);
-  opacity: 1;
-}
-
 /* Select styling - TODO: Remove when design system adds select component */
 .bespoke select {
   -webkit-appearance: none;
@@ -150,66 +121,6 @@
   display: none;
 }
 
-/* Radio Buttons - TODO: Remove when design system adds radio component */
-.bespoke input[type="radio"] {
-  appearance: none;
-  width: 1rem;
-  height: 1rem;
-  border: 2px solid var(--Colors-Input-Border-Default);
-  border-radius: 50%;
-  background: var(--Colors-Input-Background-Default);
-  cursor: pointer;
-  position: relative;
-  transition: all 0.2s ease;
-  flex-shrink: 0;
-  padding: 0;
-}
-
-.bespoke input[type="radio"]:checked {
-  border-color: var(--Colors-Stroke-Primary);
-  background: var(--Colors-Stroke-Primary);
-}
-
-.bespoke input[type="radio"]:checked::after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 0.375rem;
-  height: 0.375rem;
-  border-radius: 50%;
-  background: white;
-}
-
-.bespoke input[type="radio"]:hover {
-  border-color: var(--Colors-Input-Border-Hover);
-}
-
-.bespoke input[type="radio"]:focus-visible {
-  outline: none;
-  border-color: var(--Colors-Input-Border-Focus);
-  box-shadow: 0 0 0 3px var(--Colors-Input-Shadow-Focus);
-}
-
-.bespoke .radio-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--UI-Spacing-spacing-s);
-}
-
-.bespoke .radio-group.horizontal {
-  flex-direction: row;
-  align-items: center;
-  gap: var(--UI-Spacing-spacing-ml);
-}
-
-/* Checkbox - TODO: Remove when design system adds checkbox component */
-.bespoke input[type="checkbox"] {
-  padding: 0;
-  margin: 0;
-}
-
 /* Toggle Switch - TODO: Remove when design system adds toggle component */
 .bespoke .toggle {
   position: relative;