diff options
Diffstat (limited to 'frontend/src/index.css')
| -rw-r--r-- | frontend/src/index.css | 31 |
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; |