another font

site/index.html

@@ -1,17 +1,20 @@
 <!doctype html>
 <html lang="de">
+
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Raum und Linie</title>
     <meta name="description" content="Raum für Deine Ideen." />
-    <link rel="stylesheet" href="style/colors.css" />
+    <link rel="stylesheet" href="style/base.css" />
     <style>
       body {
         background-color: var(--color-background);
+        font-family: var(--font-body)
       }
     </style>
   </head>
+
   <body>
     <header>
       <h1>Raum und Linie</h1>
@@ -25,4 +28,5 @@
       </p>
     </main>
   </body>
+
 </html>

site/style/base.css

@@ -0,0 +1,5 @@
+:root{
+    --color-background: #faf9f7;
+    --font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+}
+

site/style/colors.css

@@ -1,4 +0,0 @@
-:root{
-    --color-background: #faf9f7;
-}
-