:root {
    --inkstone-bg: #f8fafc;
    --inkstone-panel: #ffffff;
    --inkstone-header: #ffffff;
    --inkstone-control: #ffffff;
    --inkstone-control-hover: #f1f5f9;
    --inkstone-search-bg: #f8fafc;
    --inkstone-text: #172033;
    --inkstone-heading: #0f172a;
    --inkstone-muted: #64748b;
    --inkstone-border: #dbe3ee;
    --inkstone-border-soft: #e8eef6;
    --inkstone-border-strong: #b9c6d8;
    --inkstone-accent: #2563eb;
    --inkstone-link: #1d4ed8;
    --inkstone-focus: rgb(37 99 235 / 16%);
    --inkstone-wash: rgb(37 99 235 / 10%);
    --inkstone-nav-active: #eef4ff;
    --inkstone-nav-parent-text: var(--inkstone-accent);
    --inkstone-code-bg: #f8fafc;
    --inkstone-code-bar: #f1f5f9;
    --inkstone-code-text: #1f2937;
    --inkstone-inline-code: #eff6ff;
    --inkstone-inline-code-text: #1d4ed8;
    --inkstone-highlight: rgb(250 204 21 / 22%);
    --inkstone-quote-bg: #f8fafc;
    --inkstone-table-head: #f1f5f9;
    --inkstone-demo-output: #ffffff;
    --inkstone-copy-bg: rgb(255 255 255 / 84%);
    --inkstone-mark: rgb(250 204 21 / 42%);
    --inkstone-scrollbar: #cbd5e1;
    --inkstone-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --inkstone-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --inkstone-control-shadow: 0 1px 2px rgb(15 23 42 / 5%);
    --inkstone-panel-shadow: 0 18px 45px rgb(15 23 42 / 8%);
    --inkstone-code-shadow: 0 12px 32px rgb(15 23 42 / 5%);
    --inkstone-search-shadow: 0 22px 60px rgb(15 23 42 / 18%);
    --inkstone-kbd-bg: #f1f5f9;
    --inkstone-kbd-border: #cbd5e1;
    --inkstone-kbd-text: #787474;
    --inkstone-glass-shadow: 0 5px 8px #00000012,0 10px 10px #0000000e,0 16px 12px #00000008,0 26px 14px #00000003,0 0 0 3px #0121390d,0 0 0 2px #fff,0 0 0 1px #0121390d;
}

.dark {
    --inkstone-bg: #0d1117;
    --inkstone-panel: #111827;
    --inkstone-header: #0f172a;
    --inkstone-control: #111827;
    --inkstone-control-hover: #172033;
    --inkstone-search-bg: #0f172a;
    --inkstone-text: #d7deea;
    --inkstone-heading: #f8fafc;
    --inkstone-muted: #94a3b8;
    --inkstone-border: #263244;
    --inkstone-border-soft: #1f2937;
    --inkstone-border-strong: #3b4a60;
    --inkstone-accent: #60a5fa;
    --inkstone-link: #93c5fd;
    --inkstone-focus: rgb(96 165 250 / 18%);
    --inkstone-wash: rgb(96 165 250 / 10%);
    --inkstone-nav-active: #172033;
    --inkstone-nav-parent-text: var(--inkstone-accent);
    --inkstone-code-bg: #0f172a;
    --inkstone-code-bar: #111827;
    --inkstone-code-text: #dbeafe;
    --inkstone-inline-code: #111f35;
    --inkstone-inline-code-text: #93c5fd;
    --inkstone-highlight: rgb(250 204 21 / 18%);
    --inkstone-quote-bg: #111827;
    --inkstone-table-head: #111827;
    --inkstone-demo-output: #0f172a;
    --inkstone-copy-bg: rgb(15 23 42 / 82%);
    --inkstone-mark: rgb(250 204 21 / 26%);
    --inkstone-scrollbar: #334155;
    --inkstone-kbd-bg: #1e293b;
    --inkstone-kbd-border: #334155;
    --inkstone-kbd-text: #94a3b8;
    --inkstone-glass-shadow: 0 5px 8px #00000026,0 10px 10px #00000021,0 16px 12px #00000018,0 26px 14px #0000000d,0 0 0 3px #60a5fa1a,0 0 0 2px #ffffff1a,0 0 0 1px #60a5fa1a;
    --phiki-dark-background-color: var(--inkstone-code-bg);
    --phiki-dark-color: var(--inkstone-code-text);
    --phiki-dark-font-style: inherit;
    --phiki-dark-font-weight: inherit;
    --phiki-dark-text-decoration: inherit;
    --inkstone-control-shadow: 0 1px 2px rgb(0 0 0 / 28%);
    --inkstone-panel-shadow: 0 20px 60px rgb(0 0 0 / 28%);
    --inkstone-code-shadow: 0 16px 42px rgb(0 0 0 / 18%);
    --inkstone-search-shadow: 0 24px 70px rgb(0 0 0 / 38%);
}