Update theme fonts

Update theme colors
2026-05-08 16:39:31 +00:00 · 2026-05-08 16:39:31 +00:00 · 2026-05-08 16:39:18 +00:00 · 2026-05-08 16:39:13 +00:00 · 2026-05-08 16:38:49 +00:00 · 2026-05-08 16:38:43 +00:00
3 changed files with 18 additions and 16 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Montserrat } from "next/font/google";
+import { Open_Sans } from "next/font/google";



@@ -16,14 +17,15 @@ export const metadata: Metadata = {
  keywords: ["Friseur Karlsruhe, Haarschnitt, Styling, Arasinio"],
 };

-const montserrat = Montserrat({
-  variable: "--font-montserrat",
-  subsets: ["latin"],
-});
+
 const inter = Inter({
  variable: "--font-inter",
  subsets: ["latin"],
 });
+const openSans = Open_Sans({
+  variable: "--font-open-sans",
+  subsets: ["latin"],
+});

 export default function RootLayout({
  children,
@@ -33,7 +35,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${montserrat.variable} ${inter.variable} antialiased`}>
+        <body className={`${inter.variable} ${openSans.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-open-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-montserrat), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #000612e6;
-  --primary-cta: #15479c;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #c4c4c4;
+  --background: #000000;
+  --card: #481f1f;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
+  --primary-cta-text: #280101;
+  --secondary-cta: #361311;
+  --secondary-cta-text: #f6d4d4;
+  --accent: #51000b;
+  --background-accent: #ff2231;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	5e840feccb	Update theme fonts	2026-05-08 16:39:31 +00:00
bender	caddd224e2	Update theme fonts	2026-05-08 16:39:31 +00:00
bender	83a888ab51	Update theme colors	2026-05-08 16:39:18 +00:00
bender	0e1ff7d42f	Update theme colors	2026-05-08 16:39:13 +00:00
bender	e33cf2f2b9	Update theme colors	2026-05-08 16:38:49 +00:00
bender	07abc63e64	Update theme colors	2026-05-08 16:38:43 +00:00
bender	1c0b81943e	Update theme colors	2026-05-08 16:38:13 +00:00
bender	4d64392c28	Update theme colors	2026-05-08 16:38:06 +00:00
bender	2093d8f12d	Update theme colors	2026-05-08 16:37:57 +00:00