Implemented SVG icons

public/css/main.css

@@ -141,16 +141,25 @@ h4 {
 }
 
 .logo {
-  font-size: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.75rem;
+  color: #fff;
 }
 
 .brand-text {
-  font-size: 1.25rem;
-  font-weight: 700;
-  background: linear-gradient(135deg, var(--color-accent), #a855f7);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
+  font-family: 'Outfit', sans-serif;
+  font-size: 1.5rem;
+  font-weight: 800;
+  letter-spacing: -0.03em;
+  color: #fff;
+  /* Visual correction: shift text slightly down to align optically with icon center */
+  padding-top: 2px;
+}
+
+.brand-accent {
+  color: var(--color-accent);
 }
 
 .navbar-menu {
@@ -1992,4 +2001,26 @@ kbd {
   flex-shrink: 0;
   font-size: 0.875rem;
   color: var(--color-text-muted);
+}
+
+/* Icons */
+.icon {
+  width: 1.25em;
+  height: 1.25em;
+  display: inline-block;
+  vertical-align: middle;
+  fill: currentColor;
+}
+
+.nav-link .icon {
+  width: 1.5em;
+  height: 1.5em;
+}
+
+.icon.text-warning {
+  color: var(--color-warning);
+}
+
+.icon.text-error {
+  color: var(--color-error);
 }