diff --git a/static/app.css b/static/app.css
index 06287fc..fdac443 100644
--- a/static/app.css
+++ b/static/app.css
@@ -1,4 +1,6 @@
-/* zeitkort-web — styled to match fló.fo. Light + tokyo (dark), follows system. */
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;700&display=swap');
+
+
*, *::before, *::after { box-sizing: border-box; }
@@ -87,7 +89,7 @@
html, body { max-width: 100%; overflow-x: hidden; }
body {
- font-family: 'JetBrains Mono', monospace;
+ font-family: 'Noto Sans', sans-serif;
font-size: 0.88rem;
font-weight: 300;
line-height: 1.55;
@@ -124,7 +126,7 @@ header {
nav { justify-self: end; }
.back-link {
- font-family: 'JetBrains Mono', monospace;
+ font-family: 'Noto Sans', sans-serif;
font-weight: 400;
font-size: 0.7rem;
letter-spacing: 0.15em;
@@ -226,7 +228,7 @@ footer {
h2 {
margin: 0 0 0.9rem;
- font-family: 'JetBrains Mono', monospace;
+ font-family: 'Noto Sans', sans-serif;
font-weight: 700;
font-size: 1.1rem;
letter-spacing: -0.02em;
@@ -308,7 +310,7 @@ button.go[disabled] { opacity: .45; cursor: not-allowed; }
fieldset > .inline { margin-top: 10px; }
.add-toggle { margin-top: 10px; }
-.clock { font-family: 'JetBrains Mono', monospace; font-size: 1.5rem; font-weight: 700; margin: 0; letter-spacing: -0.02em; }
+.clock { font-family: 'Noto Sans', sans-serif; font-size: 1.5rem; font-weight: 700; margin: 0; letter-spacing: -0.02em; }
/* Sticky bar shown only while a timer runs. */
.running-bar {
@@ -433,7 +435,7 @@ details.confirm[open]::before {
font-size: 0.72rem;
}
.reset-countdown {
- font-family: 'JetBrains Mono', monospace;
+ font-family: 'Noto Sans', sans-serif;
font-size: clamp(1.5rem, 6vw, 2.5rem);
font-weight: 700;
line-height: 1;
@@ -545,7 +547,7 @@ details.confirm[open]::before {
background: none; border: none;
font-size: 1.3rem; color: var(--muted);
cursor: pointer; padding: 0.5rem;
- font-family: 'JetBrains Mono', monospace;
+ font-family: 'Noto Sans', sans-serif;
}
.nav-close:hover { color: var(--fg); }
@@ -554,7 +556,7 @@ details.confirm[open]::before {
gap: 0.15rem; width: 100%;
}
.offcanvas-links a {
- font-family: 'JetBrains Mono', monospace;
+ font-family: 'Noto Sans', sans-serif;
font-size: 1.05rem;
letter-spacing: 0.12em;
text-transform: uppercase;
diff --git a/templates/page.html b/templates/page.html
index 6b8689c..59c0f90 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -15,7 +15,7 @@
-
+