diff --git a/src/lib/table-of-contents.svelte b/src/lib/table-of-contents.svelte
index a7441aa..2fa7bc9 100644
--- a/src/lib/table-of-contents.svelte
+++ b/src/lib/table-of-contents.svelte
@@ -80,6 +80,11 @@
 
 <style>
     :global {
+        body {
+            --padding-indent-base: 44px;
+            --padding-level-indent: 24px;
+        }
+        
         .toc-container {
             width: 70%;
             margin-left: auto;
@@ -106,7 +111,7 @@
             line-height: 1.4rem;
             padding-top: 2px;
             padding-bottom: 2px;
-            padding-right: 24px;
+            padding-right: var(--padding-indent-base);
             margin: 0;
             display: inline-block;
             text-decoration: none;
@@ -124,16 +129,16 @@
 
         .toc-level-0 {
             font-weight: 800;
-            padding-left: 44px;
+            padding-left: var(--padding-indent-base);
         }
         .toc-level-1 {
-            padding-left: 68px;
+            padding-left: calc(var(--padding-indent-base) + var(--padding-level-indent));
         }
         .toc-level-2 {
-            padding-left: 92px;
+            padding-left: calc(var(--padding-indent-base) + calc(var(--padding-level-indent) * 2));
         }
         .toc-level-3 {
-            padding-left: 116px;
+            padding-left: calc(var(--padding-indent-base) + calc(var(--padding-level-indent) * 3));
         }
         .toc-level-1::before, .toc-level-2::before, .toc-level-3::before {
             content: "└ ";