From 3d5e29e26c79b6cf1539ad363fdaf5a58f62d768 Mon Sep 17 00:00:00 2001
From: Mischa <mischa@gorinskat.nl>
Date: Fri, 19 Jun 2026 13:11:36 +0200
Subject: [PATCH] feat: add paper grain texture, fix hardcoded colors, improve
 typography

---
 themes/intotheeast/css/style.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css
index 4fe2c71..d340c8e 100644
--- a/themes/intotheeast/css/style.css
+++ b/themes/intotheeast/css/style.css
@@ -9,6 +9,18 @@ body {
     -webkit-font-smoothing: antialiased;
 }
 
+body::after {
+    content: '';
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+    z-index: 9998;
+    opacity: 0.035;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");
+    background-repeat: repeat;
+    background-size: 200px 200px;
+}
+
 .site-main {
     max-width: var(--content-width);
     margin: 0 auto;
@@ -255,7 +267,7 @@ body {
 }
 
 .entry-body { margin-bottom: var(--space-10); }
-.entry-body p { margin-bottom: 1.1em; font-size: var(--text-md); line-height: var(--leading-normal); color: var(--color-ink-2); }
+.entry-body p { margin-bottom: 1.4em; font-size: var(--text-md); line-height: var(--leading-normal); color: var(--color-ink-2); }
 .entry-body img { max-width: 100%; height: auto; border-radius: var(--radius-sm); }
 
 .entry-footer { border-top: 1px solid var(--color-border); padding-top: var(--space-5); }
@@ -399,6 +411,7 @@ body {
     color: var(--color-accent);
     line-height: 1.1;
     margin-bottom: var(--space-2);
+    font-variant-numeric: tabular-nums;
 }
 
 .stat-label {
@@ -494,7 +507,7 @@ body {
 .login-form .button { display: block; width: 100%; text-align: center; padding: 0.85rem 1rem; min-height: 44px; border-radius: var(--radius-md); font-size: var(--text-base); font-family: var(--font-ui); font-weight: 600; cursor: pointer; border: none; }
 .login-form .button.primary { background: var(--color-accent); color: var(--color-accent-on); }
 .login-form .button.primary:hover { background: var(--color-accent-hover); }
-.login-form .button.secondary { background: #f0f0f0; color: #333; text-decoration: none; line-height: 44px; padding: 0 1rem; }
+.login-form .button.secondary { background: var(--color-canvas); color: var(--color-ink); text-decoration: none; line-height: 44px; padding: 0 1rem; }
 .login-form .rememberme { display: flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); }
 
 /* ── Post form ───────────────────────────────────────────────────────────────── */