diff --git a/public/css/components.css b/public/css/components.css
index e67efe7..7c8435b 100644
--- a/public/css/components.css
+++ b/public/css/components.css
@@ -469,10 +469,21 @@ body.dark-mode #config-cancel-button:hover {
     background-color: var(--color-text-muted);
 }
 
+/* Tabular figures for all numeric displays */
+.clock-time,
+.countdown-large,
+.next-departures,
+.time-display,
+#custom-weather .temperature,
+#custom-weather .forecast-hour .temp {
+    font-variant-numeric: tabular-nums;
+    font-family: var(--font-numbers);
+}
+
 .clock-time {
     font-size: 2.2em;
     font-weight: 700;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
+    font-family: var(--font-numbers);
     white-space: nowrap;
     display: inline-block;
     letter-spacing: 1px;
@@ -488,7 +499,7 @@ body.dark-mode #config-cancel-button:hover {
 .clock-date {
     font-size: 2.2em;
     font-weight: 400;
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
+    font-family: var(--font-primary);
     display: inline-block;
     opacity: 0.98;
     letter-spacing: 0.5px;
diff --git a/public/css/main.css b/public/css/main.css
index a6e8c93..a188ae0 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -34,13 +34,15 @@
     --ticker-height: 36px;
     --ticker-speed: 30s;
     --ticker-bg: rgba(0, 0, 0, 0.85);
+    --font-primary: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
+    --font-numbers: 'Segoe UI', 'Roboto Mono', 'SF Mono', 'Consolas', monospace;
 }
 
 /* ========================================
    Base Styles
    ======================================== */
 body {
-    font-family: Arial, sans-serif;
+    font-family: var(--font-primary);
     margin: 0;
     padding: 0;
     background-color: var(--color-bg);