juanatsap
0956c78d00
Following LogRocket CSS best practices: - Added fallback values to 150+ CSS variable usages across 22 files - Fallbacks use light theme defaults for consistent behavior - Improves compatibility with older browsers - Example: var(--text-primary) → var(--text-primary, #1a1a1a) Variables with fallbacks: - Colors: text-primary, text-secondary, text-muted, accent-blue, etc. - Backgrounds: page-bg, paper-bg, action-bar-bg, sidebar-bg - Shadows: shadow-sm, shadow-md, shadow-lg - Borders: border-color, border-light, icon-border CSS Variables Best Practices compliance: 6/7 recommendations now followed
28 lines
733 B
CSS
28 lines
733 B
CSS
/* ============================================================================
|
|
TYPOGRAPHY - Fonts & Text Styles
|
|
============================================================================ */
|
|
|
|
/* NOTE: Fonts are loaded via <link> in index.html for better performance */
|
|
|
|
/* Base Typography */
|
|
body {
|
|
font-family: 'Quicksand', 'Source Sans Pro', -apple-system, system-ui, sans-serif;
|
|
color: var(--text-secondary, #333333);
|
|
line-height: 1.5;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
font-smoothing: antialiased;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
/* Links */
|
|
a {
|
|
color: var(--accent-blue, #0066cc);
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
}
|