modified: main_dc/valitovgaziz/html/darkTheme.css

modified:   main_dc/valitovgaziz/html/index.html
	modified:   main_dc/valitovgaziz/html/style.css
add smooth transition for all and system preferences

main_dc/valitovgaziz/html/darkTheme.css

@@ -12,6 +12,14 @@ header {
   position: relative;
 }
 
+/* В darkTheme.css - добавьте системные предпочтения */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --dark-bg: #0a0a0a;
+    --dark-text: #e0e0e0;
+  }
+}
+
 .theme-toggle {
   position: absolute;
   top: 10px;

main_dc/valitovgaziz/html/index.html

@@ -116,6 +116,7 @@
           src="./images/ValitovGaziz/valitovgaziz3.jpg"
           alt="Valitov Gaziz"
           id="valitovgaziz-photo-img"
+          loading="lazy"
         />
       </div>
       <div class="about-text">
@@ -297,7 +298,11 @@
             </div>
             <div class="role-card">
               <h4>📊 Аналитики</h4>
-              <p>Ищем аналитика (системного и бизнес‑аналитика) для анализа процессов, сбора требований и перевода бизнес‑потребностей в технические решения.</p>
+              <p>
+                Ищем аналитика (системного и бизнес‑аналитика) для анализа
+                процессов, сбора требований и перевода бизнес‑потребностей в
+                технические решения.
+              </p>
             </div>
             <div class="role-card">
               <h4>🚀 Продавцы-стратеги</h4>
@@ -458,8 +463,8 @@
             Высокопроизводительные backend сервисы
           </p>
           <div class="skill-acquisition">
-            <strong>Опыт:</strong> 2+ лет коммерческой разработки, REST API, best
-            practices
+            <strong>Опыт:</strong> 2+ лет коммерческой разработки, REST API,
+            best practices
           </div>
           <div class="skill-growth">
             Concurrency patterns, advanced Go features

main_dc/valitovgaziz/html/style.css

@@ -21,6 +21,11 @@
   --transition: all 0.3s ease;
 }
 
+* {
+  transition: background-color 0.3s ease, color 0.3s ease,
+    border-color 0.3s ease;
+}
+
 html {
   margin: 0;
   padding: 0;
@@ -62,7 +67,6 @@ header {
   position: relative;
 }
 
-
 .theme-toggle {
   grid-column: 2;
   grid-row: 1;
@@ -113,8 +117,6 @@ header {
   transition: var(--transition);
 }
 
-
-
 /* Сетка для команды */
 .team-section {
   display: grid;