fix: update font settings and sizes in inspector CSS

Author: dermatz

src/view/frontend/web/css/inspector.css

@@ -13,7 +13,8 @@
    ========================================================================== */
 
 :root {
-    --mageforge-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    --mageforge-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    --mageforge-font-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Consolas', monospace;
     --mageforge-color-blue: #3b82f6;
     --mageforge-color-blue-dark: #2563eb;
     --mageforge-color-green: #10b981;
@@ -43,7 +44,7 @@
 
 .mageforge-inspector {
     font-family: var(--mageforge-font-family);
-    font-size: 15px;
+    font-size: 16px;
     line-height: 1.5;
 }
 
@@ -94,8 +95,8 @@
     display: flex;
     align-items: center;
     gap: 8px;
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-    font-size: 12px;
+    font-family: var(--mageforge-font-family);
+    font-size: 14px;
     font-weight: 600;
     box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4), 0 2px 4px rgba(0, 0, 0, 0.2);
     transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
@@ -130,7 +131,7 @@
     color: white;
     padding: 16px;
     border-radius: 12px;
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+    font-family: var(--mageforge-font-family);
     font-size: 11px;
     line-height: 1.6;
     pointer-events: auto;
@@ -289,7 +290,7 @@
     .mageforge-inspector-info-badge {
         min-width: 280px;
         max-width: calc(100vw - 40px);
-        font-size: 10px;
+        font-size: 10pxrem;
     }
 
     .mageforge-inspector-float-button {
@@ -328,7 +329,7 @@
 .mageforge-code-inline {
     background: rgba(100, 116, 139, 0.1);
     padding: 2px 6px;
-    border-radius: 4px;
+    border-radiusvar(--mageforge-font-mono)
     font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Consolas', monospace;
     font-size: 11px;
     color: var(--mageforge-color-slate-200);
@@ -513,7 +514,7 @@
     border: 1px solid var(--mageforge-border-glass); /* ~8% opacity */
     width: 100%;
     box-sizing: border-box;
-    font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
+    font-family: var(--mageforge-font-mono);
     pointer-events: auto;
 }
 
@@ -539,30 +540,27 @@
 /* ============================================================================
    Alerts & Notifications
    ========================================================================== */
-.mageforge-inheritance-note {
-    background: rgba(251, 191, 36, 0.1);
-    border: 1px solid rgba(251, 191, 36, 0.3);
+.mageforge-inheritance-note,
+.mageforge-warning-box {
     border-radius: 8px;
     padding: 10px 12px;
     margin-bottom: 16px;
     font-size: 11px;
-    color: var(--mageforge-color-yellow);
     display: flex;
     align-items: center;
     gap: 8px;
 }
 
+.mageforge-inheritance-note {
+    background: rgba(251, 191, 36, 0.1);
+    border: 1px solid rgba(251, 191, 36, 0.3);
+    color: var(--mageforge-color-yellow);
+}
+
 .mageforge-warning-box {
     background: rgba(239, 68, 68, 0.1);
     border: 1px solid rgba(239, 68, 68, 0.3);
-    border-radius: 8px;
-    padding: 10px 12px;
-    margin-bottom: 16px;
-    font-size: 11px;
     color: var(--mageforge-color-red-light);
-    display: flex;
-    align-items: center;
-    gap: 8px;
 }
 
 .mageforge-no-data {