From 2c50034819ece78937a2ca5debc453226ab407ea Mon Sep 17 00:00:00 2001 From: Business Goose Date: Thu, 29 Jan 2026 13:18:17 -0800 Subject: [PATCH] Revert "Add refined typography with Google Fonts and angular contrast" This reverts commit 6c6dc24fada6efe9b241028428a2f6da524a5303. --- src/app.css | 42 +++++------------------------------------- 1 file changed, 5 insertions(+), 37 deletions(-) diff --git a/src/app.css b/src/app.css index 563d9d2..70f3a3e 100644 --- a/src/app.css +++ b/src/app.css @@ -1,5 +1,3 @@ -@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Libre+Baskerville:wght@400;700&display=swap'); - * { box-sizing: border-box; margin: 0; @@ -42,13 +40,8 @@ --color-link: var(--sky-slate); --color-link-hover: var(--sky-apricot-dark); - /* Typography */ - --font-body: 'Crimson Text', Georgia, 'Times New Roman', serif; - --font-heading: 'Libre Baskerville', Baskerville, 'Times New Roman', serif; - - font-family: var(--font-body); - font-size: 18px; - line-height: 1.7; + font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; + line-height: 1.6; color: var(--color-text); } @@ -259,37 +252,13 @@ body { z-index: -1; } -/* Sharp card variant for angular contrast */ -.sharp-card { - background: linear-gradient( - 135deg, - rgba(255, 255, 255, 0.95) 0%, - rgba(245, 248, 250, 0.92) 100% - ); - border: 1px solid rgba(90, 122, 144, 0.12); - border-radius: 0.5rem; - box-shadow: - 0 2px 8px rgba(90, 122, 144, 0.08), - 0 4px 16px rgba(90, 122, 144, 0.04); - backdrop-filter: blur(8px); - position: relative; -} - a { color: inherit; text-decoration: none; } -h1, h2, h3, h4, h5, h6 { - font-family: var(--font-heading); - font-weight: 700; - letter-spacing: -0.01em; - line-height: 1.3; -} - button { - font-family: var(--font-heading); - font-size: 1rem; + font-family: inherit; } /* Modal styles */ @@ -367,12 +336,11 @@ button { .modal-footer button { padding: 0.75rem 1.5rem; border: none; - border-radius: 0.375rem; + border-radius: 0.5rem; cursor: pointer; font-size: 1rem; transition: all 0.2s; - font-weight: 600; - letter-spacing: 0.01em; + font-weight: 500; } .modal-footer .btn-primary { -- knotmirror 0.0.1