diff --git a/themes/intotheeast/css/tokens.css b/themes/intotheeast/css/tokens.css
new file mode 100644
index 0000000..ce58230
--- /dev/null
+++ b/themes/intotheeast/css/tokens.css
@@ -0,0 +1,60 @@
+:root {
+ /* ── Colors ─────────────────────────────────────────────── */
+ --color-ink: #17171A;
+ --color-ink-2: #4A4850;
+ --color-ink-muted: #9896A0;
+ --color-paper: #F7F5F2;
+ --color-canvas: #FFFFFF;
+ --color-border: #E8E6E3;
+ --color-border-soft: #F0EDEA;
+ --color-accent: #1F6B5A;
+ --color-accent-hover: #185647;
+ --color-accent-light: #EBF5F2;
+ --color-accent-on: #FFFFFF;
+
+ /* ── Fonts ───────────────────────────────────────────────── */
+ --font-display: 'DM Serif Display', Georgia, serif;
+ --font-ui: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
+
+ /* ── Type scale ──────────────────────────────────────────── */
+ --text-xs: 0.75rem;
+ --text-sm: 0.875rem;
+ --text-base: 1rem;
+ --text-md: 1.125rem;
+ --text-lg: 1.375rem;
+ --text-xl: 1.75rem;
+ --text-2xl: 2.25rem;
+ --text-3xl: 3rem;
+
+ /* ── Leading ─────────────────────────────────────────────── */
+ --leading-tight: 1.2;
+ --leading-snug: 1.35;
+ --leading-normal: 1.65;
+
+ /* ── Spacing (4px grid) ──────────────────────────────────── */
+ --space-1: 0.25rem;
+ --space-2: 0.5rem;
+ --space-3: 0.75rem;
+ --space-4: 1rem;
+ --space-5: 1.25rem;
+ --space-6: 1.5rem;
+ --space-8: 2rem;
+ --space-10: 2.5rem;
+ --space-12: 3rem;
+ --space-16: 4rem;
+
+ /* ── Radius ──────────────────────────────────────────────── */
+ --radius-sm: 4px;
+ --radius-md: 8px;
+ --radius-lg: 12px;
+ --radius-full: 9999px;
+
+ /* ── Shadows ─────────────────────────────────────────────── */
+ --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
+ --shadow-md: 0 4px 12px rgba(0,0,0,0.10);
+ --shadow-lg: 0 8px 24px rgba(0,0,0,0.14);
+
+ /* ── Layout ──────────────────────────────────────────────── */
+ --content-width: 720px;
+ --site-header-height: 60px;
+}
diff --git a/themes/intotheeast/templates/partials/base.html.twig b/themes/intotheeast/templates/partials/base.html.twig
index 0d3487c..25c5b92 100644
--- a/themes/intotheeast/templates/partials/base.html.twig
+++ b/themes/intotheeast/templates/partials/base.html.twig
@@ -4,6 +4,10 @@
{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}
+
+
+
+