редизайн кнопок 1st version

frontend/admin/settings/css/layout.css

@@ -25,15 +25,7 @@
 }
 
 .sidebar-close-btn {
-    background: transparent;
-    border: none;
     color: var(--text-secondary);
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0.25rem;
-    border-radius: var(--radius-sm);
     transition: all var(--transition);
 }
 
@@ -265,12 +257,7 @@
 /* ===== Mobile Menu Toggle ===== */
 .menu-toggle {
     display: none;
-    padding: 0.4rem;
-    background: none;
-    border: none;
     color: var(--text-primary);
-    cursor: pointer;
-    border-radius: var(--radius-sm);
     transition: background var(--transition);
 }
 

frontend/admin/settings/css/main.css

@@ -46,9 +46,9 @@
     --text-primary: #0f172a;
     --text-secondary: #475569;
     --text-placeholder: #94a3b8;
-    --accent: #6366f1;
-    --accent-hover: #4f46e5;
-    --accent-glow: rgba(99, 102, 241, 0.3);
+    --accent: #4F46E5;
+    --accent-hover: #4338CA;
+    --accent-glow: rgba(79, 70, 229, 0.3);
     --accent-secondary: #d946ef;
     --error: #ef4444;
     --success: #10b981;
@@ -77,20 +77,19 @@ body {
 
 /* ===== Переключатель темы ===== */
 .theme-toggle {
-    width: 42px;
-    height: 42px;
-    border: none;
-    border-radius: 50%;
-    background: var(--bg-card);
-    border: 1px solid var(--bg-card-border);
-    color: var(--text-primary);
-    cursor: pointer;
-    display: flex;
+    width: 40px;
+    height: 40px;
+    border-radius: var(--button-radius);
+    background: var(--button-secondary-bg);
+    border: 1px solid var(--button-secondary-border);
+    color: var(--button-secondary-text);
+    display: inline-flex;
     align-items: center;
     justify-content: center;
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
-    transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
+    padding: 0;
+    transition: background var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition), transform var(--transition);
     z-index: 100;
     flex-shrink: 0;
 }
@@ -102,12 +101,18 @@ body {
 }
 
 .theme-toggle:hover {
-    transform: scale(1.1);
-    box-shadow: 0 4px 16px var(--accent-glow);
+    background: var(--button-secondary-bg-hover);
+    border-color: var(--button-secondary-border);
+    transform: translateY(-1px);
 }
 
 .theme-toggle:active {
-    transform: scale(0.95);
+    transform: translateY(0);
+}
+
+.theme-toggle:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 3px var(--button-focus-ring);
 }
 
 .theme-toggle--fixed {
@@ -265,63 +270,6 @@ body {
     cursor: pointer;
 }
 
-.btn-primary,
-.btn-secondary,
-.btn-delete {
-    min-height: 40px;
-    border: 1px solid transparent;
-    border-radius: var(--radius-sm);
-    padding: 0 0.9rem;
-    color: var(--text-primary);
-    font: inherit;
-    font-weight: 700;
-    cursor: pointer;
-    transition: transform var(--transition), background var(--transition), border-color var(--transition);
-    white-space: nowrap;
-}
-
-.btn-primary {
-    background: var(--accent);
-}
-
-.btn-primary:hover {
-    background: var(--accent-hover);
-    transform: translateY(-1px);
-}
-
-.btn-secondary {
-    background: var(--bg-input);
-    border-color: var(--bg-card-border);
-}
-
-.btn-secondary:hover {
-    background: var(--bg-hover);
-    transform: translateY(-1px);
-}
-
-.btn-delete {
-    background: rgba(239, 68, 68, 0.13);
-    border-color: rgba(239, 68, 68, 0.25);
-    color: #fecaca;
-}
-
-[data-theme="light"] .btn-delete {
-    color: #991b1b;
-}
-
-.btn-delete:hover {
-    background: rgba(239, 68, 68, 0.2);
-    transform: translateY(-1px);
-}
-
-.btn-primary:disabled,
-.btn-secondary:disabled,
-.btn-delete:disabled {
-    cursor: not-allowed;
-    opacity: 0.45;
-    transform: none;
-}
-
 .form-alert {
     grid-column: 1 / -1;
     min-height: 0;
@@ -614,7 +562,7 @@ body {
         grid-template-columns: 1fr;
     }
 
-    .settings-form .btn-primary {
+    .settings-form .btn {
         width: fit-content;
     }
 
@@ -630,9 +578,16 @@ body {
         flex-direction: column;
     }
 
-    .settings-header-row .btn-primary,
-    .card-header-row .btn-secondary,
-    .settings-form .btn-primary {
+    .settings-header-row .btn,
+    .card-header-row .btn,
+    .settings-form .btn {
         width: 100%;
     }
 }
+.settings-modal-close.btn-icon-sm {
+    width: 32px !important;
+    height: 32px !important;
+    min-height: 32px !important;
+    padding: 0 !important;
+    border-radius: var(--button-radius) !important;
+}