update fonts

Author: SvenKlaassen

doc/styles.css

@@ -1 +1,146 @@
-/* css styles */
+/* Import Google Fonts */
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
+
+/* Root font variables */
+:root {
+    --font-family-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    --font-family-mono: 'JetBrains Mono', 'SF Mono', Monaco, Inconsolata, 'Roboto Mono', 'Source Code Pro', monospace;
+}
+
+/* Base typography */
+body {
+    font-family: var(--font-family-sans);
+    font-weight: 400;
+    line-height: 1.6;
+    font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    font-family: var(--font-family-sans);
+    font-weight: 600;
+    line-height: 1.3;
+    letter-spacing: -0.025em;
+}
+
+h1 {
+    font-weight: 700;
+    font-size: 2.25rem;
+}
+
+h2 {
+    font-weight: 600;
+    font-size: 1.875rem;
+}
+
+h3 {
+    font-weight: 600;
+    font-size: 1.5rem;
+}
+
+h4 {
+    font-weight: 500;
+    font-size: 1.25rem;
+}
+
+/* Code and pre-formatted text */
+code,
+pre,
+.sourceCode {
+    font-family: var(--font-family-mono);
+    font-weight: 400;
+    font-feature-settings: 'liga' 1, 'calt' 1;
+}
+
+/* Inline code */
+code:not(pre code) {
+    font-size: 0.875em;
+    font-weight: 500;
+    padding: 0.125rem 0.25rem;
+    background-color: rgba(175, 184, 193, 0.2);
+    border-radius: 0.25rem;
+}
+
+/* Code blocks */
+pre {
+    font-size: 0.875rem;
+    line-height: 1.5;
+    padding: 1rem;
+    border-radius: 0.5rem;
+    overflow-x: auto;
+}
+
+/* Navigation and UI elements */
+.navbar-brand,
+.nav-link {
+    font-family: var(--font-family-sans);
+    font-weight: 500;
+}
+
+.sidebar .nav-link {
+    font-weight: 400;
+}
+
+.sidebar .nav-link.active {
+    font-weight: 500;
+}
+
+/* Tables */
+table {
+    font-family: var(--font-family-sans);
+    font-variant-numeric: tabular-nums;
+}
+
+th {
+    font-weight: 600;
+}
+
+/* Math equations - ensure good readability */
+.math {
+    font-family: 'STIX Two Math', 'Times New Roman', serif;
+}
+
+/* Buttons and interactive elements */
+.btn {
+    font-family: var(--font-family-sans);
+    font-weight: 500;
+    letter-spacing: 0.025em;
+}
+
+/* Improve readability for long text */
+.content {
+    max-width: none;
+}
+
+p {
+    margin-bottom: 1.25rem;
+}
+
+/* List styling */
+ul,
+ol {
+    margin-bottom: 1.25rem;
+}
+
+li {
+    margin-bottom: 0.5rem;
+}
+
+/* Better spacing for equations */
+.math.display {
+    margin: 1.5rem 0;
+}
+
+/* Blockquotes */
+blockquote {
+    font-style: italic;
+    border-left: 4px solid #e9ecef;
+    padding-left: 1rem;
+    margin-left: 0;
+    color: #6c757d;
+}