/* Theme: Terminal — dense, monospaced, warm cream paper. */
.j-root[data-theme="terminal"] {
  --bg: #f4efe4;
  --surface: #fbf8f1;
  --surface-alt: #ece4d0;

  --ink: #1a1713;
  --ink-soft: #2e2821;
  --muted: #6f665a;
  --muted-soft: #a6998a;

  --line: #d8cfbc;
  --line-soft: #e8e0ce;

  --accent: #c96a1c;
  --accent-ink: #873d05;
  --accent-soft: rgba(201, 106, 28, 0.12);
  --on-accent: #fbf8f1;
  --ok: #3d7a3a;
  --warn: #a05d00;
  --err: #9d2218;

  --font-body:
    "IBM Plex Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;
  --font-display:
    "IBM Plex Mono", "JetBrains Mono", ui-monospace, Menlo, monospace;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
  --font-meta: "IBM Plex Mono", ui-monospace, Menlo, monospace;

  --radius-sm: 2px;
  --radius: 2px;
  --radius-lg: 2px;
  --pill: 2px;

  --fs-head: 22px;
  --tracking-head: -0.2px;
  --brand-tracking: 0;
  --brand-weight: 600;

  --post-pad-y: 12px;
  --post-pad-x: 18px;
  --post-gap: 12px;
  --avatar-sz: 28px;
  --fs-post: 13px;

  --card-shadow: none;
}

/* Theme: Studio — Linear/Raycast-ish, indigo accent, soft neutral. */
.j-root[data-theme="studio"] {
  --bg: #fbfbfa;
  --surface: #ffffff;
  --surface-alt: #f5f5f3;

  --ink: #1a1a19;
  --ink-soft: #3d3d3b;
  --muted: #6e6e6a;
  --muted-soft: #9a9a96;

  --line: #ebebe8;
  --line-soft: #f2f2ef;

  --accent: #5b4df0;
  --accent-ink: #3a2fc9;
  --accent-soft: #eeecff;
  --on-accent: #ffffff;
  --ok: #2f9c5b;
  --warn: #c88a2a;
  --err: #dc2626;

  --font-body: "Geist", "Inter", system-ui, -apple-system, sans-serif;
  --font-display: "Geist", "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --font-meta: "Geist", "Inter", sans-serif;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --pill: 999px;

  --fs-head: 28px;
  --tracking-head: -0.7px;
  --brand-tracking: -0.2px;
  --brand-weight: 600;

  --post-pad-y: 20px;
  --post-pad-x: 28px;
  --post-gap: 14px;
  --avatar-sz: 38px;
  --fs-post: 14.5px;
}

/* Theme: Reader — editorial, serif-forward, paper tones, italic sources. */
.j-root[data-theme="reader"] {
  --bg: #f6f2ea;
  --surface: #fbf8f1;
  --surface-alt: #efe7d5;

  --ink: #2a2622;
  --ink-soft: #4c463e;
  --muted: #7a6f60;
  --muted-soft: #a39685;

  --line: #d8cdb8;
  --line-soft: #e6dcc7;

  --accent: #8a2b1f;
  --accent-ink: #8a2b1f;
  --accent-soft: #efe1dc;
  --on-accent: #fbf8f1;
  --ok: #4a6b34;
  --warn: #a05d00;
  --err: #a83232;

  --font-body: "Source Serif 4", "Charter", Georgia, serif;
  --font-display: "Source Serif 4", "Charter", Georgia, serif;
  --font-mono: "Source Code Pro", ui-monospace, Menlo, monospace;
  --font-meta: "Inter", system-ui, sans-serif;

  --radius-sm: 2px;
  --radius: 2px;
  --radius-lg: 2px;
  --pill: 999px;

  --fs-head: 34px;
  --tracking-head: -0.6px;
  --brand-tracking: -0.4px;
  --brand-weight: 600;

  --source-style: italic;
  --source-weight: 400;

  --post-pad-y: 22px;
  --post-pad-x: 32px;
  --post-gap: 18px;
  --avatar-sz: 42px;
  --fs-post: 15.5px;
}