From c04510143d4b2368d269b2f6abd247a0b81bc160 Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Tue, 12 May 2026 16:11:48 +0200
Subject: [PATCH 1/2] chore(frontend): optimize tailwind v4 theme and move font
 variables to CSS

---
 frontend/src/index.css | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index ec41b7f..589339a 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -2,10 +2,12 @@
 @import 'tailwindcss';
 @import 'tw-animate-css';
 
-@custom-variant dark (&:is(.dark *));
-
 /* Theme */
 @theme inline {
+  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-handwritten: 'Pacifico', cursive;
+
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
@@ -42,15 +44,19 @@
   --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
   --color-sidebar-border: var(--sidebar-border);
   --color-sidebar-ring: var(--sidebar-ring);
+
+  /* Brand */
+  --color-brand: var(--primary);
+  --color-brand-foreground: var(--primary-foreground);
+
+  /* Spacing aliases */
+  --spacing-brand: 1.5rem;
 }
 
 /* Light theme */
 :root {
   color-scheme: light dark;
 
-  --font-sans: Inter, system-ui, sans-serif;
-  --font-handwritten: Pacifico, cursive;
-
   font-weight: 400;
   font-synthesis: none;
   text-rendering: optimizeLegibility;
@@ -128,11 +134,6 @@
   --sidebar-ring: oklch(0.439 0 0);
 }
 
-/* Font */
-.font-handwritten {
-  font-family: 'Pacifico', cursive;
-}
-
 /* Page transition */
 .page-enter-active,
 .page-leave-active {

From 292f35005dafbaaac7c451a54862afdda1b3d3bb Mon Sep 17 00:00:00 2001
From: Ivan Skvortsov <ivanskv2000@gmail.com>
Date: Tue, 12 May 2026 16:47:01 +0200
Subject: [PATCH 2/2] format

---
 frontend/src/index.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 589339a..da009e6 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -4,8 +4,9 @@
 
 /* Theme */
 @theme inline {
-  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
-    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-sans:
+    'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
+    'Segoe UI Symbol', 'Noto Color Emoji';
   --font-handwritten: 'Pacifico', cursive;
 
   --color-background: var(--background);