feat: add font theme support (fixing NK-rn4nzp)

1 files changed, 29 insertions, 2 deletions

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 3365d34..6396633 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,5 +1,11 @@
+:root {
+  /* Font Variables */
+  --font-body: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
+  --font-heading: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
 body {
-  font-family: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
+  font-family: var(--font-body);
 }
 
 h1,
@@ -10,10 +16,31 @@ h5,
 .logo,
 .nav-link,
 .logout-btn {
-  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-family: var(--font-heading);
   font-weight: bold;
 }
 
+/* Font Themes */
+.font-default {
+  --font-body: Palatino, 'Palatino Linotype', 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
+  --font-heading: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.font-serif {
+  --font-body: Georgia, 'Times New Roman', Times, serif;
+  --font-heading: Georgia, 'Times New Roman', Times, serif;
+}
+
+.font-sans {
+  --font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  --font-heading: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+.font-mono {
+  --font-body: Menlo, Monaco, Consolas, 'Courier New', monospace;
+  --font-heading: Menlo, Monaco, Consolas, 'Courier New', monospace;
+}
+
 :root {
   line-height: 1.5;
   font-size: 18px;