@lgtm-hq/turbo-themes 0.12.16

package/packages/css/dist/themes/catppuccin-latte.css

@@ -0,0 +1,61 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap');
+
+[data-theme="catppuccin-latte"] {
+  --turbo-bg-base: #eff1f5;
+  --turbo-bg-surface: #e6e9ef;
+  --turbo-bg-overlay: #dce0e8;
+  --turbo-text-primary: #4c4f69;
+  --turbo-text-secondary: #6c6f85;
+  --turbo-text-inverse: #eff1f5;
+  --turbo-brand-primary: #1e66f5;
+  --turbo-state-info: #04a5e5;
+  --turbo-state-success: #40a02b;
+  --turbo-state-warning: #df8e1d;
+  --turbo-state-danger: #d20f39;
+  --turbo-border-default: #9ca0b0;
+  --turbo-accent-link: #1e66f5;
+  --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
+  --turbo-font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --turbo-heading-h1: #40a02b;
+  --turbo-heading-h2: #1e66f5;
+  --turbo-heading-h3: #209fb5;
+  --turbo-heading-h4: #df8e1d;
+  --turbo-heading-h5: #8839ef;
+  --turbo-heading-h6: #d20f39;
+  --turbo-body-primary: #4c4f69;
+  --turbo-body-secondary: #6c6f85;
+  --turbo-link-default: #1e66f5;
+  --turbo-selection-fg: #4c4f69;
+  --turbo-selection-bg: #8c8fa1;
+  --turbo-blockquote-border: #8c8fa1;
+  --turbo-blockquote-fg: #4c4f69;
+  --turbo-blockquote-bg: #e6e9ef;
+  --turbo-code-inline-fg: #4c4f69;
+  --turbo-code-inline-bg: #ccd0da;
+  --turbo-code-block-fg: #4c4f69;
+  --turbo-code-block-bg: #ccd0da;
+  --turbo-table-border: #8c8fa1;
+  --turbo-table-stripe: #ccd0da;
+  --turbo-table-thead-bg: #bcc0cc;
+  --turbo-table-cell-bg: #eff1f5;
+  --turbo-table-header-fg: #4c4f69;
+  --turbo-syntax-fg: #4c4f69;
+  --turbo-syntax-bg: #ccd0da;
+  --turbo-syntax-comment: #6c6f85;
+  --turbo-syntax-keyword: #1e66f5;
+  --turbo-syntax-string: #40a02b;
+  --turbo-syntax-number: #df8e1d;
+  --turbo-syntax-function: #04a5e5;
+  --turbo-syntax-type: #1e66f5;
+  --turbo-syntax-variable: #4c4f69;
+  --turbo-syntax-operator: #6c6f85;
+  --turbo-syntax-punctuation: #6c6f85;
+  --turbo-syntax-tag: #d20f39;
+  --turbo-syntax-attribute: #04a5e5;
+  --turbo-syntax-value: #40a02b;
+  --turbo-syntax-error: #d20f39;
+  --turbo-syntax-deleted: #d20f39;
+  --turbo-syntax-inserted: #40a02b;
+  color-scheme: light;
+}

package/packages/css/dist/themes/catppuccin-macchiato.css

@@ -0,0 +1,61 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap');
+
+[data-theme="catppuccin-macchiato"] {
+  --turbo-bg-base: #24273a;
+  --turbo-bg-surface: #1e2030;
+  --turbo-bg-overlay: #181926;
+  --turbo-text-primary: #cad3f5;
+  --turbo-text-secondary: #a5adcb;
+  --turbo-text-inverse: #24273a;
+  --turbo-brand-primary: #8aadf4;
+  --turbo-state-info: #91d7e3;
+  --turbo-state-success: #a6da95;
+  --turbo-state-warning: #eed49f;
+  --turbo-state-danger: #ed8796;
+  --turbo-border-default: #6e738d;
+  --turbo-accent-link: #8aadf4;
+  --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
+  --turbo-font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --turbo-heading-h1: #a6da95;
+  --turbo-heading-h2: #8aadf4;
+  --turbo-heading-h3: #7dc4e4;
+  --turbo-heading-h4: #eed49f;
+  --turbo-heading-h5: #c6a0f6;
+  --turbo-heading-h6: #ed8796;
+  --turbo-body-primary: #cad3f5;
+  --turbo-body-secondary: #a5adcb;
+  --turbo-link-default: #8aadf4;
+  --turbo-selection-fg: #cad3f5;
+  --turbo-selection-bg: #8087a2;
+  --turbo-blockquote-border: #8087a2;
+  --turbo-blockquote-fg: #cad3f5;
+  --turbo-blockquote-bg: #1e2030;
+  --turbo-code-inline-fg: #cad3f5;
+  --turbo-code-inline-bg: #363a4f;
+  --turbo-code-block-fg: #cad3f5;
+  --turbo-code-block-bg: #363a4f;
+  --turbo-table-border: #8087a2;
+  --turbo-table-stripe: #363a4f;
+  --turbo-table-thead-bg: #494d64;
+  --turbo-table-cell-bg: #24273a;
+  --turbo-table-header-fg: #cad3f5;
+  --turbo-syntax-fg: #cad3f5;
+  --turbo-syntax-bg: #363a4f;
+  --turbo-syntax-comment: #a5adcb;
+  --turbo-syntax-keyword: #8aadf4;
+  --turbo-syntax-string: #a6da95;
+  --turbo-syntax-number: #eed49f;
+  --turbo-syntax-function: #91d7e3;
+  --turbo-syntax-type: #8aadf4;
+  --turbo-syntax-variable: #cad3f5;
+  --turbo-syntax-operator: #a5adcb;
+  --turbo-syntax-punctuation: #a5adcb;
+  --turbo-syntax-tag: #ed8796;
+  --turbo-syntax-attribute: #91d7e3;
+  --turbo-syntax-value: #a6da95;
+  --turbo-syntax-error: #ed8796;
+  --turbo-syntax-deleted: #ed8796;
+  --turbo-syntax-inserted: #a6da95;
+  color-scheme: dark;
+}

package/packages/css/dist/themes/catppuccin-mocha.css

@@ -0,0 +1,61 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap');
+
+[data-theme="catppuccin-mocha"] {
+  --turbo-bg-base: #1e1e2e;
+  --turbo-bg-surface: #181825;
+  --turbo-bg-overlay: #11111b;
+  --turbo-text-primary: #cdd6f4;
+  --turbo-text-secondary: #a6adc8;
+  --turbo-text-inverse: #1e1e2e;
+  --turbo-brand-primary: #89b4fa;
+  --turbo-state-info: #89dceb;
+  --turbo-state-success: #a6e3a1;
+  --turbo-state-warning: #f9e2af;
+  --turbo-state-danger: #f38ba8;
+  --turbo-border-default: #6c7086;
+  --turbo-accent-link: #89b4fa;
+  --turbo-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
+  --turbo-font-mono: JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --turbo-heading-h1: #a6e3a1;
+  --turbo-heading-h2: #89b4fa;
+  --turbo-heading-h3: #74c7ec;
+  --turbo-heading-h4: #f9e2af;
+  --turbo-heading-h5: #cba6f7;
+  --turbo-heading-h6: #f38ba8;
+  --turbo-body-primary: #cdd6f4;
+  --turbo-body-secondary: #a6adc8;
+  --turbo-link-default: #89b4fa;
+  --turbo-selection-fg: #cdd6f4;
+  --turbo-selection-bg: #7f849c;
+  --turbo-blockquote-border: #7f849c;
+  --turbo-blockquote-fg: #cdd6f4;
+  --turbo-blockquote-bg: #181825;
+  --turbo-code-inline-fg: #cdd6f4;
+  --turbo-code-inline-bg: #313244;
+  --turbo-code-block-fg: #cdd6f4;
+  --turbo-code-block-bg: #313244;
+  --turbo-table-border: #7f849c;
+  --turbo-table-stripe: #313244;
+  --turbo-table-thead-bg: #45475a;
+  --turbo-table-cell-bg: #1e1e2e;
+  --turbo-table-header-fg: #cdd6f4;
+  --turbo-syntax-fg: #cdd6f4;
+  --turbo-syntax-bg: #313244;
+  --turbo-syntax-comment: #a6adc8;
+  --turbo-syntax-keyword: #89b4fa;
+  --turbo-syntax-string: #a6e3a1;
+  --turbo-syntax-number: #f9e2af;
+  --turbo-syntax-function: #89dceb;
+  --turbo-syntax-type: #89b4fa;
+  --turbo-syntax-variable: #cdd6f4;
+  --turbo-syntax-operator: #a6adc8;
+  --turbo-syntax-punctuation: #a6adc8;
+  --turbo-syntax-tag: #f38ba8;
+  --turbo-syntax-attribute: #89dceb;
+  --turbo-syntax-value: #a6e3a1;
+  --turbo-syntax-error: #f38ba8;
+  --turbo-syntax-deleted: #f38ba8;
+  --turbo-syntax-inserted: #a6e3a1;
+  color-scheme: dark;
+}

package/packages/css/dist/themes/dracula.css

@@ -0,0 +1,85 @@
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap');
+
+[data-theme="dracula"] {
+  --turbo-bg-base: #282a36;
+  --turbo-bg-surface: #21222c;
+  --turbo-bg-overlay: #44475a;
+  --turbo-text-primary: #f8f8f2;
+  --turbo-text-secondary: #6272a4;
+  --turbo-text-inverse: #282a36;
+  --turbo-brand-primary: #bd93f9;
+  --turbo-state-info: #8be9fd;
+  --turbo-state-success: #50fa7b;
+  --turbo-state-warning: #f1fa8c;
+  --turbo-state-danger: #ff5555;
+  --turbo-border-default: #44475a;
+  --turbo-accent-link: #8be9fd;
+  --turbo-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --turbo-font-mono: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --turbo-heading-h1: #ff79c6;
+  --turbo-heading-h2: #bd93f9;
+  --turbo-heading-h3: #8be9fd;
+  --turbo-heading-h4: #50fa7b;
+  --turbo-heading-h5: #ffb86c;
+  --turbo-heading-h6: #f1fa8c;
+  --turbo-body-primary: #f8f8f2;
+  --turbo-body-secondary: #6272a4;
+  --turbo-link-default: #8be9fd;
+  --turbo-selection-fg: #f8f8f2;
+  --turbo-selection-bg: #44475a;
+  --turbo-blockquote-border: #bd93f9;
+  --turbo-blockquote-fg: #6272a4;
+  --turbo-blockquote-bg: #21222c;
+  --turbo-code-inline-fg: #50fa7b;
+  --turbo-code-inline-bg: #21222c;
+  --turbo-code-block-fg: #f8f8f2;
+  --turbo-code-block-bg: #21222c;
+  --turbo-table-border: #44475a;
+  --turbo-table-stripe: #21222c;
+  --turbo-table-thead-bg: #44475a;
+  --turbo-table-cell-bg: #282a36;
+  --turbo-table-header-fg: #f8f8f2;
+  --turbo-spacing-xs: 0.25rem;
+  --turbo-spacing-sm: 0.5rem;
+  --turbo-spacing-md: 1rem;
+  --turbo-spacing-lg: 1.5rem;
+  --turbo-spacing-xl: 2rem;
+  --turbo-elevation-none: none;
+  --turbo-elevation-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --turbo-elevation-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --turbo-elevation-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --turbo-elevation-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  --turbo-animation-duration-fast: 150ms;
+  --turbo-animation-duration-normal: 300ms;
+  --turbo-animation-duration-slow: 500ms;
+  --turbo-animation-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
+  --turbo-animation-easing-emphasized: cubic-bezier(0.05, 0.7, 0.1, 1);
+  --turbo-opacity-disabled: 0.5;
+  --turbo-opacity-hover: 0.8;
+  --turbo-opacity-pressed: 0.6;
+  --turbo-card-bg: #21222c;
+  --turbo-card-border: #6272a4;
+  --turbo-modal-bg: rgba(40, 42, 54, 0.9);
+  --turbo-modal-card-bg: #21222c;
+  --turbo-dropdown-bg: #21222c;
+  --turbo-dropdown-border: #6272a4;
+  --turbo-dropdown-item-hover: #2e303e;
+  --turbo-syntax-fg: #f8f8f2;
+  --turbo-syntax-bg: #21222c;
+  --turbo-syntax-comment: #6272a4;
+  --turbo-syntax-keyword: #bd93f9;
+  --turbo-syntax-string: #50fa7b;
+  --turbo-syntax-number: #f1fa8c;
+  --turbo-syntax-function: #8be9fd;
+  --turbo-syntax-type: #bd93f9;
+  --turbo-syntax-variable: #f8f8f2;
+  --turbo-syntax-operator: #6272a4;
+  --turbo-syntax-punctuation: #6272a4;
+  --turbo-syntax-tag: #ff5555;
+  --turbo-syntax-attribute: #8be9fd;
+  --turbo-syntax-value: #50fa7b;
+  --turbo-syntax-error: #ff5555;
+  --turbo-syntax-deleted: #ff5555;
+  --turbo-syntax-inserted: #50fa7b;
+  color-scheme: dark;
+}

package/packages/css/dist/themes/github-dark.css

@@ -0,0 +1,61 @@
+@import url('https://github.githubassets.com/assets/mona-sans-webfont.woff2');
+@import url('https://github.githubassets.com/assets/hubot-sans-webfont.woff2');
+
+[data-theme="github-dark"] {
+  --turbo-bg-base: #0d1117;
+  --turbo-bg-surface: #151b23;
+  --turbo-bg-overlay: #010409;
+  --turbo-text-primary: #f0f6fc;
+  --turbo-text-secondary: #9198a1;
+  --turbo-text-inverse: #ffffff;
+  --turbo-brand-primary: #1f6feb;
+  --turbo-state-info: #4493f8;
+  --turbo-state-success: #3fb950;
+  --turbo-state-warning: #d29922;
+  --turbo-state-danger: #f85149;
+  --turbo-border-default: #3d444d;
+  --turbo-accent-link: #4493f8;
+  --turbo-font-sans: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --turbo-font-mono: "Hubot Sans", ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, "Liberation Mono", monospace;
+  --turbo-heading-h1: #3fb950;
+  --turbo-heading-h2: #4493f8;
+  --turbo-heading-h3: #1f6feb;
+  --turbo-heading-h4: #d29922;
+  --turbo-heading-h5: #3fb950;
+  --turbo-heading-h6: #f85149;
+  --turbo-body-primary: #f0f6fc;
+  --turbo-body-secondary: #9198a1;
+  --turbo-link-default: #4493f8;
+  --turbo-selection-fg: #f0f6fc;
+  --turbo-selection-bg: #264f78;
+  --turbo-blockquote-border: #3d444d;
+  --turbo-blockquote-fg: #9198a1;
+  --turbo-blockquote-bg: #151b23;
+  --turbo-code-inline-fg: #f0f6fc;
+  --turbo-code-inline-bg: #151b23;
+  --turbo-code-block-fg: #f0f6fc;
+  --turbo-code-block-bg: #151b23;
+  --turbo-table-border: #3d444d;
+  --turbo-table-stripe: #151b23;
+  --turbo-table-thead-bg: #151b23;
+  --turbo-table-cell-bg: #0d1117;
+  --turbo-table-header-fg: #f0f6fc;
+  --turbo-syntax-fg: #f0f6fc;
+  --turbo-syntax-bg: #151b23;
+  --turbo-syntax-comment: #9198a1;
+  --turbo-syntax-keyword: #1f6feb;
+  --turbo-syntax-string: #3fb950;
+  --turbo-syntax-number: #d29922;
+  --turbo-syntax-function: #4493f8;
+  --turbo-syntax-type: #1f6feb;
+  --turbo-syntax-variable: #f0f6fc;
+  --turbo-syntax-operator: #9198a1;
+  --turbo-syntax-punctuation: #9198a1;
+  --turbo-syntax-tag: #f85149;
+  --turbo-syntax-attribute: #4493f8;
+  --turbo-syntax-value: #3fb950;
+  --turbo-syntax-error: #f85149;
+  --turbo-syntax-deleted: #f85149;
+  --turbo-syntax-inserted: #3fb950;
+  color-scheme: dark;
+}

package/packages/css/dist/themes/github-light.css

@@ -0,0 +1,61 @@
+@import url('https://github.githubassets.com/assets/mona-sans-webfont.woff2');
+@import url('https://github.githubassets.com/assets/hubot-sans-webfont.woff2');
+
+[data-theme="github-light"] {
+  --turbo-bg-base: #ffffff;
+  --turbo-bg-surface: #f6f8fa;
+  --turbo-bg-overlay: #f6f8fa;
+  --turbo-text-primary: #1f2328;
+  --turbo-text-secondary: #59636e;
+  --turbo-text-inverse: #ffffff;
+  --turbo-brand-primary: #0969da;
+  --turbo-state-info: #0969da;
+  --turbo-state-success: #1a7f37;
+  --turbo-state-warning: #9a6700;
+  --turbo-state-danger: #d1242f;
+  --turbo-border-default: #d1d9e0;
+  --turbo-accent-link: #0969da;
+  --turbo-font-sans: "Mona Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --turbo-font-mono: "Hubot Sans", ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, "Liberation Mono", monospace;
+  --turbo-heading-h1: #1a7f37;
+  --turbo-heading-h2: #0969da;
+  --turbo-heading-h3: #0969da;
+  --turbo-heading-h4: #9a6700;
+  --turbo-heading-h5: #1a7f37;
+  --turbo-heading-h6: #d1242f;
+  --turbo-body-primary: #1f2328;
+  --turbo-body-secondary: #59636e;
+  --turbo-link-default: #0969da;
+  --turbo-selection-fg: #1f2328;
+  --turbo-selection-bg: #b6e3ff;
+  --turbo-blockquote-border: #d1d9e0;
+  --turbo-blockquote-fg: #59636e;
+  --turbo-blockquote-bg: #f6f8fa;
+  --turbo-code-inline-fg: #1f2328;
+  --turbo-code-inline-bg: #f6f8fa;
+  --turbo-code-block-fg: #1f2328;
+  --turbo-code-block-bg: #f6f8fa;
+  --turbo-table-border: #d1d9e0;
+  --turbo-table-stripe: #f6f8fa;
+  --turbo-table-thead-bg: #f6f8fa;
+  --turbo-table-cell-bg: #ffffff;
+  --turbo-table-header-fg: #1f2328;
+  --turbo-syntax-fg: #1f2328;
+  --turbo-syntax-bg: #f6f8fa;
+  --turbo-syntax-comment: #59636e;
+  --turbo-syntax-keyword: #0969da;
+  --turbo-syntax-string: #1a7f37;
+  --turbo-syntax-number: #9a6700;
+  --turbo-syntax-function: #0969da;
+  --turbo-syntax-type: #0969da;
+  --turbo-syntax-variable: #1f2328;
+  --turbo-syntax-operator: #59636e;
+  --turbo-syntax-punctuation: #59636e;
+  --turbo-syntax-tag: #d1242f;
+  --turbo-syntax-attribute: #0969da;
+  --turbo-syntax-value: #1a7f37;
+  --turbo-syntax-error: #d1242f;
+  --turbo-syntax-deleted: #d1242f;
+  --turbo-syntax-inserted: #1a7f37;
+  color-scheme: light;
+}

package/packages/css/dist/turbo-base.css

@@ -0,0 +1,246 @@
+/* Turbo Themes - Minimal Reset */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+figure,
+blockquote,
+dl,
+dd {
+  margin: 0;
+}
+
+html {
+  -webkit-text-size-adjust: 100%;
+  -moz-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+body {
+  min-height: 100vh;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Turbo Themes - Base Semantic Styles */
+
+/* Root & Body */
+:root {
+  color-scheme: light dark;
+}
+
+body {
+  font-family: var(--turbo-font-sans, system-ui, -apple-system, sans-serif);
+  color: var(--turbo-text-primary, #000);
+  background-color: var(--turbo-bg-base, #fff);
+}
+
+/* Typography */
+h1, h2, h3, h4, h5, h6 {
+  line-height: 1.2;
+  font-weight: 600;
+}
+
+h1 { color: var(--turbo-heading-h1, var(--turbo-text-primary)); font-size: 2.5rem; }
+h2 { color: var(--turbo-heading-h2, var(--turbo-text-primary)); font-size: 2rem; }
+h3 { color: var(--turbo-heading-h3, var(--turbo-text-primary)); font-size: 1.75rem; }
+h4 { color: var(--turbo-heading-h4, var(--turbo-text-primary)); font-size: 1.5rem; }
+h5 { color: var(--turbo-heading-h5, var(--turbo-text-primary)); font-size: 1.25rem; }
+h6 { color: var(--turbo-heading-h6, var(--turbo-text-primary)); font-size: 1rem; }
+
+p {
+  color: var(--turbo-body-primary, var(--turbo-text-primary));
+}
+
+/* Links */
+a {
+  color: var(--turbo-accent-link, var(--turbo-brand-primary));
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Selection */
+::selection {
+  color: var(--turbo-selection-fg, #fff);
+  background-color: var(--turbo-selection-bg, #3273dc);
+}
+
+/* Code */
+code,
+kbd,
+samp,
+pre {
+  font-family: var(--turbo-font-mono, ui-monospace, monospace);
+}
+
+code {
+  padding: 0.125rem 0.25rem;
+  color: var(--turbo-code-inline-fg, #e83e8c);
+  background-color: var(--turbo-code-inline-bg, #f8f9fa);
+  border-radius: 0.25rem;
+  font-size: 0.875em;
+}
+
+pre {
+  padding: 1rem;
+  color: var(--turbo-code-block-fg, #f8f9fa);
+  background-color: var(--turbo-code-block-bg, #2b2b2b);
+  border-radius: 0.5rem;
+  overflow-x: auto;
+}
+
+pre code {
+  padding: 0;
+  background-color: transparent;
+  font-size: inherit;
+}
+
+/* Blockquote */
+blockquote {
+  margin: 1rem 0;
+  padding: 0.5rem 1rem;
+  color: var(--turbo-blockquote-fg);
+  background-color: var(--turbo-blockquote-bg);
+  border-left: 4px solid var(--turbo-blockquote-border);
+  border-radius: 0 0.25rem 0.25rem 0;
+}
+
+/* Tables */
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+th,
+td {
+  padding: 0.75rem;
+  text-align: left;
+  border: 1px solid var(--turbo-table-border);
+}
+
+th {
+  color: var(--turbo-table-header-fg, var(--turbo-text-primary));
+  background-color: var(--turbo-table-thead-bg);
+  font-weight: 600;
+}
+
+tr:nth-child(even) td {
+  background-color: var(--turbo-table-stripe);
+}
+
+/* Form Elements */
+button,
+input,
+select,
+textarea {
+  border: 1px solid var(--turbo-border-default);
+  border-radius: 0.25rem;
+  background-color: var(--turbo-bg-surface);
+  color: var(--turbo-text-primary);
+}
+
+button {
+  padding: 0.5rem 1rem;
+  cursor: pointer;
+  background-color: var(--turbo-brand-primary);
+  color: var(--turbo-text-inverse);
+  border: none;
+  font-weight: 500;
+}
+
+button:hover {
+  opacity: 0.9;
+}
+
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+input,
+select,
+textarea {
+  padding: 0.5rem 0.75rem;
+}
+
+button:focus-visible,
+input:focus,
+select:focus,
+textarea:focus {
+  outline: 2px solid var(--turbo-brand-primary);
+  outline-offset: 2px;
+}
+
+/* Utility classes */
+.surface {
+  background-color: var(--turbo-bg-surface);
+}
+
+.surface-alt {
+  background-color: var(--turbo-bg-overlay);
+}
+
+.text-primary {
+  color: var(--turbo-text-primary);
+}
+
+.text-secondary {
+  color: var(--turbo-text-secondary);
+}
+
+.text-success {
+  color: var(--turbo-state-success);
+}
+
+.text-warning {
+  color: var(--turbo-state-warning);
+}
+
+.text-danger {
+  color: var(--turbo-state-danger);
+}
+
+.text-info {
+  color: var(--turbo-state-info);
+}
+
+.border {
+  border: 1px solid var(--turbo-border-default);
+}
+
+.rounded {
+  border-radius: 0.25rem;
+}
+
+.rounded-lg {
+  border-radius: 0.5rem;
+}