@wertkit/tokens 0.1.0

package/dist/tokens.css

@@ -0,0 +1,355 @@
+/* GENERATED by @wertkit/tokens - do not edit. Run `pnpm -F @wertkit/tokens build`. */
+:root {
+  --wk-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+  --wk-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  --wk-text-xs: 0.75rem;
+  --wk-leading-xs: 1rem;
+  --wk-text-sm: 0.8125rem;
+  --wk-leading-sm: 1.25rem;
+  --wk-text-md: 0.875rem;
+  --wk-leading-md: 1.5rem;
+  --wk-text-lg: 1rem;
+  --wk-leading-lg: 1.625rem;
+  --wk-text-xl: 1.25rem;
+  --wk-leading-xl: 1.875rem;
+  --wk-text-2xl: 1.5rem;
+  --wk-leading-2xl: 2.125rem;
+  --wk-weight-regular: 400;
+  --wk-weight-medium: 500;
+  --wk-weight-semibold: 600;
+  --wk-space-0: 0;
+  --wk-space-1: 4px;
+  --wk-space-2: 8px;
+  --wk-space-3: 12px;
+  --wk-space-4: 16px;
+  --wk-space-6: 24px;
+  --wk-space-8: 32px;
+  --wk-space-12: 48px;
+  --wk-space-16: 64px;
+  --wk-radius-sm: 6px;
+  --wk-radius-md: 8px;
+  --wk-radius-lg: 12px;
+  --wk-radius-full: 9999px;
+  --wk-border-thin: 1px;
+  --wk-border-thick: 2px;
+  --wk-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
+  --wk-shadow-md: 0 8px 24px -6px rgba(0,0,0,0.10), 0 2px 6px -2px rgba(0,0,0,0.05);
+  --wk-tracking-tight: -0.014em;
+  --wk-tracking-normal: 0;
+  --wk-tracking-wide: 0.02em;
+  --wk-motion-fast: 120ms;
+  --wk-motion-base: 200ms;
+  --wk-motion-ease: cubic-bezier(0.2, 0, 0.2, 1);
+  --wk-motion-ease-out: cubic-bezier(0, 0, 0.2, 1);
+  --wk-z-base: 0;
+  --wk-z-sticky: 100;
+  --wk-z-overlay: 200;
+  --wk-z-modal: 300;
+  --wk-z-popover: 400;
+  --wk-z-toast: 500;
+  --wk-control-h-sm: 28px;
+  --wk-control-h-md: 36px;
+  --wk-control-h-lg: 44px;
+  --wk-control-px: var(--wk-space-3);
+  --wk-surface-p: var(--wk-space-6);
+  --wk-cell-py: var(--wk-space-3);
+  --wk-focus-width: 2px;
+  --wk-safe-t: env(safe-area-inset-top, 0px);
+  --wk-safe-b: env(safe-area-inset-bottom, 0px);
+  --wk-safe-l: env(safe-area-inset-left, 0px);
+  --wk-safe-r: env(safe-area-inset-right, 0px);
+  --wk-titlebar-h: 32px;
+}
+
+/* Touch devices get larger controls without any per-component change. */
+@media (pointer: coarse) {
+  :root {
+    --wk-control-h-sm: 36px;
+    --wk-control-h-md: 44px;
+    --wk-control-h-lg: 52px;
+    --wk-control-px: var(--wk-space-4);
+  }
+}
+
+[data-density="compact"] {
+  --wk-control-h-sm: 24px;
+  --wk-control-h-md: 30px;
+  --wk-control-h-lg: 36px;
+  --wk-control-px: var(--wk-space-2);
+  --wk-surface-p: var(--wk-space-4);
+  --wk-cell-py: var(--wk-space-2);
+}
+
+/* Default: light, unless the OS asks for dark and no theme is pinned. */
+:root {
+  color-scheme: light;
+  --wk-bg: #ffffff;
+  --wk-bg-subtle: #f7f9fa;
+  --wk-bg-raised: #ffffff;
+  --wk-bg-inset: #f7f9fa;
+  --wk-fg: #1a2127;
+  --wk-fg-muted: #52616e;
+  --wk-fg-subtle: #94a2ae;
+  --wk-border: #dde3e8;
+  --wk-border-strong: #c2cbd3;
+  --wk-focus-ring: #12958d;
+  --wk-accent: #0b7772;
+  --wk-accent-hover: #0c5f5c;
+  --wk-accent-fg: #ffffff;
+  --wk-accent-subtle: #eafaf8;
+  --wk-fg-on-solid: #ffffff;
+  --wk-danger: #dc3d33;
+  --wk-danger-fg: #a02620;
+  --wk-danger-subtle: #fdd9d7;
+  --wk-warn: #cf9310;
+  --wk-warn-fg: #94660a;
+  --wk-warn-subtle: #fcecc9;
+  --wk-success: #2ea45c;
+  --wk-success-fg: #1c6e3d;
+  --wk-success-subtle: #d3f2dc;
+  --wk-info: #3b7fd8;
+  --wk-info-fg: #255494;
+  --wk-info-subtle: #d6e6fd;
+  --wk-overlay: rgba(14, 19, 23, 0.45);
+  --wk-syntax-keyword: #6033c4;
+  --wk-syntax-string: #1c6e3d;
+  --wk-syntax-number: #94660a;
+  --wk-syntax-comment: #94a2ae;
+  --wk-syntax-function: #255494;
+  --wk-syntax-variable: #1a2127;
+  --wk-syntax-type: #0c5f5c;
+  --wk-syntax-operator: #6b7b89;
+  --wk-syntax-punctuation: #94a2ae;
+  --wk-syntax-tag: #a02620;
+  --wk-syntax-attribute: #94660a;
+  --wk-syntax-invalid: #dc3d33;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme]) {
+    color-scheme: dark;
+    --wk-bg: #0e1317;
+    --wk-bg-subtle: #1a2127;
+    --wk-bg-raised: #1a2127;
+    --wk-bg-inset: #0e1317;
+    --wk-fg: #f7f9fa;
+    --wk-fg-muted: #94a2ae;
+    --wk-fg-subtle: #6b7b89;
+    --wk-border: #2b343c;
+    --wk-border-strong: #414d58;
+    --wk-focus-ring: #2bb5ab;
+    --wk-accent: #2bb5ab;
+    --wk-accent-hover: #5bd1c8;
+    --wk-accent-fg: #0e1317;
+    --wk-accent-subtle: #042625;
+    --wk-fg-on-solid: #ffffff;
+    --wk-danger: #dc3d33;
+    --wk-danger-fg: #f59b96;
+    --wk-danger-subtle: #4a1512;
+    --wk-warn: #cf9310;
+    --wk-warn-fg: #f2c65c;
+    --wk-warn-subtle: #442f06;
+    --wk-success: #2ea45c;
+    --wk-success-fg: #84d9a1;
+    --wk-success-subtle: #0f321c;
+    --wk-info: #3b7fd8;
+    --wk-info-fg: #8fb8f4;
+    --wk-info-subtle: #122844;
+    --wk-overlay: rgba(0, 0, 0, 0.6);
+    --wk-syntax-keyword: #c4a5f2;
+    --wk-syntax-string: #84d9a1;
+    --wk-syntax-number: #f2c65c;
+    --wk-syntax-comment: #6b7b89;
+    --wk-syntax-function: #8fb8f4;
+    --wk-syntax-variable: #f7f9fa;
+    --wk-syntax-type: #5bd1c8;
+    --wk-syntax-operator: #94a2ae;
+    --wk-syntax-punctuation: #6b7b89;
+    --wk-syntax-tag: #f59b96;
+    --wk-syntax-attribute: #f2c65c;
+    --wk-syntax-invalid: #dc3d33;
+  }
+}
+
+[data-theme="dark"] {
+  color-scheme: dark;
+  --wk-bg: #0e1317;
+  --wk-bg-subtle: #1a2127;
+  --wk-bg-raised: #1a2127;
+  --wk-bg-inset: #0e1317;
+  --wk-fg: #f7f9fa;
+  --wk-fg-muted: #94a2ae;
+  --wk-fg-subtle: #6b7b89;
+  --wk-border: #2b343c;
+  --wk-border-strong: #414d58;
+  --wk-focus-ring: #2bb5ab;
+  --wk-accent: #2bb5ab;
+  --wk-accent-hover: #5bd1c8;
+  --wk-accent-fg: #0e1317;
+  --wk-accent-subtle: #042625;
+  --wk-fg-on-solid: #ffffff;
+  --wk-danger: #dc3d33;
+  --wk-danger-fg: #f59b96;
+  --wk-danger-subtle: #4a1512;
+  --wk-warn: #cf9310;
+  --wk-warn-fg: #f2c65c;
+  --wk-warn-subtle: #442f06;
+  --wk-success: #2ea45c;
+  --wk-success-fg: #84d9a1;
+  --wk-success-subtle: #0f321c;
+  --wk-info: #3b7fd8;
+  --wk-info-fg: #8fb8f4;
+  --wk-info-subtle: #122844;
+  --wk-overlay: rgba(0, 0, 0, 0.6);
+  --wk-syntax-keyword: #c4a5f2;
+  --wk-syntax-string: #84d9a1;
+  --wk-syntax-number: #f2c65c;
+  --wk-syntax-comment: #6b7b89;
+  --wk-syntax-function: #8fb8f4;
+  --wk-syntax-variable: #f7f9fa;
+  --wk-syntax-type: #5bd1c8;
+  --wk-syntax-operator: #94a2ae;
+  --wk-syntax-punctuation: #6b7b89;
+  --wk-syntax-tag: #f59b96;
+  --wk-syntax-attribute: #f2c65c;
+  --wk-syntax-invalid: #dc3d33;
+}
+
+[data-theme="light"] {
+  color-scheme: light;
+  --wk-bg: #ffffff;
+  --wk-bg-subtle: #f7f9fa;
+  --wk-bg-raised: #ffffff;
+  --wk-bg-inset: #f7f9fa;
+  --wk-fg: #1a2127;
+  --wk-fg-muted: #52616e;
+  --wk-fg-subtle: #94a2ae;
+  --wk-border: #dde3e8;
+  --wk-border-strong: #c2cbd3;
+  --wk-focus-ring: #12958d;
+  --wk-accent: #0b7772;
+  --wk-accent-hover: #0c5f5c;
+  --wk-accent-fg: #ffffff;
+  --wk-accent-subtle: #eafaf8;
+  --wk-fg-on-solid: #ffffff;
+  --wk-danger: #dc3d33;
+  --wk-danger-fg: #a02620;
+  --wk-danger-subtle: #fdd9d7;
+  --wk-warn: #cf9310;
+  --wk-warn-fg: #94660a;
+  --wk-warn-subtle: #fcecc9;
+  --wk-success: #2ea45c;
+  --wk-success-fg: #1c6e3d;
+  --wk-success-subtle: #d3f2dc;
+  --wk-info: #3b7fd8;
+  --wk-info-fg: #255494;
+  --wk-info-subtle: #d6e6fd;
+  --wk-overlay: rgba(14, 19, 23, 0.45);
+  --wk-syntax-keyword: #6033c4;
+  --wk-syntax-string: #1c6e3d;
+  --wk-syntax-number: #94660a;
+  --wk-syntax-comment: #94a2ae;
+  --wk-syntax-function: #255494;
+  --wk-syntax-variable: #1a2127;
+  --wk-syntax-type: #0c5f5c;
+  --wk-syntax-operator: #6b7b89;
+  --wk-syntax-punctuation: #94a2ae;
+  --wk-syntax-tag: #a02620;
+  --wk-syntax-attribute: #94660a;
+  --wk-syntax-invalid: #dc3d33;
+}
+
+[data-theme="night"] {
+  color-scheme: dark;
+  --wk-bg: #191410;
+  --wk-bg-subtle: #29231b;
+  --wk-bg-raised: #29231b;
+  --wk-bg-inset: #191410;
+  --wk-fg: #e8dcc8;
+  --wk-fg-muted: #b8a081;
+  --wk-fg-subtle: #96805f;
+  --wk-border: #40372a;
+  --wk-border-strong: #5d4f3a;
+  --wk-focus-ring: #2bb5ab;
+  --wk-accent: #5bd1c8;
+  --wk-accent-hover: #96e5de;
+  --wk-accent-fg: #191410;
+  --wk-accent-subtle: #042625;
+  --wk-fg-on-solid: #ffffff;
+  --wk-danger: #dc3d33;
+  --wk-danger-fg: #f59b96;
+  --wk-danger-subtle: #4a1512;
+  --wk-warn: #cf9310;
+  --wk-warn-fg: #f2c65c;
+  --wk-warn-subtle: #442f06;
+  --wk-success: #2ea45c;
+  --wk-success-fg: #84d9a1;
+  --wk-success-subtle: #0f321c;
+  --wk-info: #3b7fd8;
+  --wk-info-fg: #8fb8f4;
+  --wk-info-subtle: #122844;
+  --wk-overlay: rgba(0, 0, 0, 0.65);
+  --wk-syntax-keyword: #c4a5f2;
+  --wk-syntax-string: #84d9a1;
+  --wk-syntax-number: #f2c65c;
+  --wk-syntax-comment: #96805f;
+  --wk-syntax-function: #8fb8f4;
+  --wk-syntax-variable: #e8dcc8;
+  --wk-syntax-type: #5bd1c8;
+  --wk-syntax-operator: #b8a081;
+  --wk-syntax-punctuation: #96805f;
+  --wk-syntax-tag: #f59b96;
+  --wk-syntax-attribute: #f2c65c;
+  --wk-syntax-invalid: #dc3d33;
+}
+
+[data-theme="sepia"] {
+  color-scheme: light;
+  --wk-bg: #fbf8f3;
+  --wk-bg-subtle: #f4ede1;
+  --wk-bg-raised: #fbf8f3;
+  --wk-bg-inset: #f4ede1;
+  --wk-fg: #29231b;
+  --wk-fg-muted: #5d4f3a;
+  --wk-fg-subtle: #96805f;
+  --wk-border: #e8dcc8;
+  --wk-border-strong: #d6c4a6;
+  --wk-focus-ring: #0b7772;
+  --wk-accent: #0c5f5c;
+  --wk-accent-hover: #0e4c4a;
+  --wk-accent-fg: #fbf8f3;
+  --wk-accent-subtle: #dcebe4;
+  --wk-fg-on-solid: #fbf8f3;
+  --wk-danger: #a02620;
+  --wk-danger-fg: #a02620;
+  --wk-danger-subtle: #fdd9d7;
+  --wk-warn: #94660a;
+  --wk-warn-fg: #94660a;
+  --wk-warn-subtle: #fcecc9;
+  --wk-success: #1c6e3d;
+  --wk-success-fg: #1c6e3d;
+  --wk-success-subtle: #d3f2dc;
+  --wk-info: #255494;
+  --wk-info-fg: #255494;
+  --wk-info-subtle: #d6e6fd;
+  --wk-overlay: rgba(41, 35, 27, 0.45);
+  --wk-syntax-keyword: #6033c4;
+  --wk-syntax-string: #1c6e3d;
+  --wk-syntax-number: #94660a;
+  --wk-syntax-comment: #96805f;
+  --wk-syntax-function: #255494;
+  --wk-syntax-variable: #29231b;
+  --wk-syntax-type: #0c5f5c;
+  --wk-syntax-operator: #77654a;
+  --wk-syntax-punctuation: #96805f;
+  --wk-syntax-tag: #a02620;
+  --wk-syntax-attribute: #94660a;
+  --wk-syntax-invalid: #dc3d33;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --wk-motion-fast: 1ms;
+    --wk-motion-base: 1ms;
+  }
+}

package/dist/tokens.rs

@@ -0,0 +1,284 @@
+// GENERATED by @wertkit/tokens - do not edit.
+
+#[derive(Debug, Clone, Copy)]
+pub struct Theme {
+    pub bg: &'static str,
+    pub bg_subtle: &'static str,
+    pub bg_raised: &'static str,
+    pub bg_inset: &'static str,
+    pub fg: &'static str,
+    pub fg_muted: &'static str,
+    pub fg_subtle: &'static str,
+    pub border: &'static str,
+    pub border_strong: &'static str,
+    pub focus_ring: &'static str,
+    pub accent: &'static str,
+    pub accent_hover: &'static str,
+    pub accent_fg: &'static str,
+    pub accent_subtle: &'static str,
+    pub fg_on_solid: &'static str,
+    pub danger: &'static str,
+    pub danger_fg: &'static str,
+    pub danger_subtle: &'static str,
+    pub warn: &'static str,
+    pub warn_fg: &'static str,
+    pub warn_subtle: &'static str,
+    pub success: &'static str,
+    pub success_fg: &'static str,
+    pub success_subtle: &'static str,
+    pub info: &'static str,
+    pub info_fg: &'static str,
+    pub info_subtle: &'static str,
+    pub overlay: &'static str,
+    pub syntax_keyword: &'static str,
+    pub syntax_string: &'static str,
+    pub syntax_number: &'static str,
+    pub syntax_comment: &'static str,
+    pub syntax_function: &'static str,
+    pub syntax_variable: &'static str,
+    pub syntax_type: &'static str,
+    pub syntax_operator: &'static str,
+    pub syntax_punctuation: &'static str,
+    pub syntax_tag: &'static str,
+    pub syntax_attribute: &'static str,
+    pub syntax_invalid: &'static str,
+}
+
+pub const DARK: Theme = Theme {
+    bg: "#0e1317",
+    bg_subtle: "#1a2127",
+    bg_raised: "#1a2127",
+    bg_inset: "#0e1317",
+    fg: "#f7f9fa",
+    fg_muted: "#94a2ae",
+    fg_subtle: "#6b7b89",
+    border: "#2b343c",
+    border_strong: "#414d58",
+    focus_ring: "#2bb5ab",
+    accent: "#2bb5ab",
+    accent_hover: "#5bd1c8",
+    accent_fg: "#0e1317",
+    accent_subtle: "#042625",
+    fg_on_solid: "#ffffff",
+    danger: "#dc3d33",
+    danger_fg: "#f59b96",
+    danger_subtle: "#4a1512",
+    warn: "#cf9310",
+    warn_fg: "#f2c65c",
+    warn_subtle: "#442f06",
+    success: "#2ea45c",
+    success_fg: "#84d9a1",
+    success_subtle: "#0f321c",
+    info: "#3b7fd8",
+    info_fg: "#8fb8f4",
+    info_subtle: "#122844",
+    overlay: "rgba(0, 0, 0, 0.6)",
+    syntax_keyword: "#c4a5f2",
+    syntax_string: "#84d9a1",
+    syntax_number: "#f2c65c",
+    syntax_comment: "#6b7b89",
+    syntax_function: "#8fb8f4",
+    syntax_variable: "#f7f9fa",
+    syntax_type: "#5bd1c8",
+    syntax_operator: "#94a2ae",
+    syntax_punctuation: "#6b7b89",
+    syntax_tag: "#f59b96",
+    syntax_attribute: "#f2c65c",
+    syntax_invalid: "#dc3d33",
+};
+
+pub const LIGHT: Theme = Theme {
+    bg: "#ffffff",
+    bg_subtle: "#f7f9fa",
+    bg_raised: "#ffffff",
+    bg_inset: "#f7f9fa",
+    fg: "#1a2127",
+    fg_muted: "#52616e",
+    fg_subtle: "#94a2ae",
+    border: "#dde3e8",
+    border_strong: "#c2cbd3",
+    focus_ring: "#12958d",
+    accent: "#0b7772",
+    accent_hover: "#0c5f5c",
+    accent_fg: "#ffffff",
+    accent_subtle: "#eafaf8",
+    fg_on_solid: "#ffffff",
+    danger: "#dc3d33",
+    danger_fg: "#a02620",
+    danger_subtle: "#fdd9d7",
+    warn: "#cf9310",
+    warn_fg: "#94660a",
+    warn_subtle: "#fcecc9",
+    success: "#2ea45c",
+    success_fg: "#1c6e3d",
+    success_subtle: "#d3f2dc",
+    info: "#3b7fd8",
+    info_fg: "#255494",
+    info_subtle: "#d6e6fd",
+    overlay: "rgba(14, 19, 23, 0.45)",
+    syntax_keyword: "#6033c4",
+    syntax_string: "#1c6e3d",
+    syntax_number: "#94660a",
+    syntax_comment: "#94a2ae",
+    syntax_function: "#255494",
+    syntax_variable: "#1a2127",
+    syntax_type: "#0c5f5c",
+    syntax_operator: "#6b7b89",
+    syntax_punctuation: "#94a2ae",
+    syntax_tag: "#a02620",
+    syntax_attribute: "#94660a",
+    syntax_invalid: "#dc3d33",
+};
+
+pub const NIGHT: Theme = Theme {
+    bg: "#191410",
+    bg_subtle: "#29231b",
+    bg_raised: "#29231b",
+    bg_inset: "#191410",
+    fg: "#e8dcc8",
+    fg_muted: "#b8a081",
+    fg_subtle: "#96805f",
+    border: "#40372a",
+    border_strong: "#5d4f3a",
+    focus_ring: "#2bb5ab",
+    accent: "#5bd1c8",
+    accent_hover: "#96e5de",
+    accent_fg: "#191410",
+    accent_subtle: "#042625",
+    fg_on_solid: "#ffffff",
+    danger: "#dc3d33",
+    danger_fg: "#f59b96",
+    danger_subtle: "#4a1512",
+    warn: "#cf9310",
+    warn_fg: "#f2c65c",
+    warn_subtle: "#442f06",
+    success: "#2ea45c",
+    success_fg: "#84d9a1",
+    success_subtle: "#0f321c",
+    info: "#3b7fd8",
+    info_fg: "#8fb8f4",
+    info_subtle: "#122844",
+    overlay: "rgba(0, 0, 0, 0.65)",
+    syntax_keyword: "#c4a5f2",
+    syntax_string: "#84d9a1",
+    syntax_number: "#f2c65c",
+    syntax_comment: "#96805f",
+    syntax_function: "#8fb8f4",
+    syntax_variable: "#e8dcc8",
+    syntax_type: "#5bd1c8",
+    syntax_operator: "#b8a081",
+    syntax_punctuation: "#96805f",
+    syntax_tag: "#f59b96",
+    syntax_attribute: "#f2c65c",
+    syntax_invalid: "#dc3d33",
+};
+
+pub const SEPIA: Theme = Theme {
+    bg: "#fbf8f3",
+    bg_subtle: "#f4ede1",
+    bg_raised: "#fbf8f3",
+    bg_inset: "#f4ede1",
+    fg: "#29231b",
+    fg_muted: "#5d4f3a",
+    fg_subtle: "#96805f",
+    border: "#e8dcc8",
+    border_strong: "#d6c4a6",
+    focus_ring: "#0b7772",
+    accent: "#0c5f5c",
+    accent_hover: "#0e4c4a",
+    accent_fg: "#fbf8f3",
+    accent_subtle: "#dcebe4",
+    fg_on_solid: "#fbf8f3",
+    danger: "#a02620",
+    danger_fg: "#a02620",
+    danger_subtle: "#fdd9d7",
+    warn: "#94660a",
+    warn_fg: "#94660a",
+    warn_subtle: "#fcecc9",
+    success: "#1c6e3d",
+    success_fg: "#1c6e3d",
+    success_subtle: "#d3f2dc",
+    info: "#255494",
+    info_fg: "#255494",
+    info_subtle: "#d6e6fd",
+    overlay: "rgba(41, 35, 27, 0.45)",
+    syntax_keyword: "#6033c4",
+    syntax_string: "#1c6e3d",
+    syntax_number: "#94660a",
+    syntax_comment: "#96805f",
+    syntax_function: "#255494",
+    syntax_variable: "#29231b",
+    syntax_type: "#0c5f5c",
+    syntax_operator: "#77654a",
+    syntax_punctuation: "#96805f",
+    syntax_tag: "#a02620",
+    syntax_attribute: "#94660a",
+    syntax_invalid: "#dc3d33",
+};
+
+/// ANSI-16 fallback. Prefer this in a TUI: it respects whatever palette
+/// the user configured in their terminal instead of overriding it.
+#[derive(Debug, Clone, Copy)]
+pub enum Ansi {
+    Reset, Black, Red, Green, Yellow, Blue, Magenta, Cyan, White,
+    BrightBlack, BrightRed, BrightGreen, BrightYellow, BrightBlue,
+    BrightMagenta, BrightCyan, BrightWhite,
+}
+
+pub const fn ansi(role: &str) -> Ansi {
+    match role.as_bytes() {
+        b"bg" => Ansi::Reset,
+        b"bg-subtle" => Ansi::Reset,
+        b"bg-raised" => Ansi::Reset,
+        b"bg-inset" => Ansi::Reset,
+        b"fg" => Ansi::Reset,
+        b"fg-muted" => Ansi::BrightBlack,
+        b"fg-subtle" => Ansi::BrightBlack,
+        b"border" => Ansi::BrightBlack,
+        b"border-strong" => Ansi::White,
+        b"focus-ring" => Ansi::Cyan,
+        b"accent" => Ansi::Cyan,
+        b"accent-hover" => Ansi::BrightCyan,
+        b"accent-fg" => Ansi::Black,
+        b"accent-subtle" => Ansi::Reset,
+        b"fg-on-solid" => Ansi::Reset,
+        b"danger" => Ansi::Red,
+        b"danger-fg" => Ansi::BrightRed,
+        b"danger-subtle" => Ansi::Reset,
+        b"warn" => Ansi::Yellow,
+        b"warn-fg" => Ansi::BrightYellow,
+        b"warn-subtle" => Ansi::Reset,
+        b"success" => Ansi::Green,
+        b"success-fg" => Ansi::BrightGreen,
+        b"success-subtle" => Ansi::Reset,
+        b"info" => Ansi::Blue,
+        b"info-fg" => Ansi::BrightBlue,
+        b"info-subtle" => Ansi::Reset,
+        b"overlay" => Ansi::Reset,
+        b"syntax-keyword" => Ansi::Reset,
+        b"syntax-string" => Ansi::Reset,
+        b"syntax-number" => Ansi::Reset,
+        b"syntax-comment" => Ansi::Reset,
+        b"syntax-function" => Ansi::Reset,
+        b"syntax-variable" => Ansi::Reset,
+        b"syntax-type" => Ansi::Reset,
+        b"syntax-operator" => Ansi::Reset,
+        b"syntax-punctuation" => Ansi::Reset,
+        b"syntax-tag" => Ansi::Reset,
+        b"syntax-attribute" => Ansi::Reset,
+        b"syntax-invalid" => Ansi::Reset,
+        _ => Ansi::Reset,
+    }
+}
+
+pub mod space {
+    pub const S0: u16 = 0;
+    pub const S1: u16 = 4;
+    pub const S2: u16 = 8;
+    pub const S3: u16 = 12;
+    pub const S4: u16 = 16;
+    pub const S6: u16 = 24;
+    pub const S8: u16 = 32;
+    pub const S12: u16 = 48;
+    pub const S16: u16 = 64;
+}

package/dist/tokens.ts

@@ -0,0 +1,265 @@
+// GENERATED by @wertkit/tokens - do not edit.
+// Plain values, no CSS dependency, so a future React Native target can consume
+// the same source of truth.
+
+export const themeNames = ["dark","light","night","sepia"] as const;
+export type ThemeName = (typeof themeNames)[number];
+
+export const densities = ['normal', 'compact'] as const;
+export type Density = (typeof densities)[number];
+
+export const themes = {
+  "dark": {
+    "bg": "#0e1317",
+    "bg-subtle": "#1a2127",
+    "bg-raised": "#1a2127",
+    "bg-inset": "#0e1317",
+    "fg": "#f7f9fa",
+    "fg-muted": "#94a2ae",
+    "fg-subtle": "#6b7b89",
+    "border": "#2b343c",
+    "border-strong": "#414d58",
+    "focus-ring": "#2bb5ab",
+    "accent": "#2bb5ab",
+    "accent-hover": "#5bd1c8",
+    "accent-fg": "#0e1317",
+    "accent-subtle": "#042625",
+    "fg-on-solid": "#ffffff",
+    "danger": "#dc3d33",
+    "danger-fg": "#f59b96",
+    "danger-subtle": "#4a1512",
+    "warn": "#cf9310",
+    "warn-fg": "#f2c65c",
+    "warn-subtle": "#442f06",
+    "success": "#2ea45c",
+    "success-fg": "#84d9a1",
+    "success-subtle": "#0f321c",
+    "info": "#3b7fd8",
+    "info-fg": "#8fb8f4",
+    "info-subtle": "#122844",
+    "overlay": "rgba(0, 0, 0, 0.6)",
+    "syntax-keyword": "#c4a5f2",
+    "syntax-string": "#84d9a1",
+    "syntax-number": "#f2c65c",
+    "syntax-comment": "#6b7b89",
+    "syntax-function": "#8fb8f4",
+    "syntax-variable": "#f7f9fa",
+    "syntax-type": "#5bd1c8",
+    "syntax-operator": "#94a2ae",
+    "syntax-punctuation": "#6b7b89",
+    "syntax-tag": "#f59b96",
+    "syntax-attribute": "#f2c65c",
+    "syntax-invalid": "#dc3d33"
+  },
+  "light": {
+    "bg": "#ffffff",
+    "bg-subtle": "#f7f9fa",
+    "bg-raised": "#ffffff",
+    "bg-inset": "#f7f9fa",
+    "fg": "#1a2127",
+    "fg-muted": "#52616e",
+    "fg-subtle": "#94a2ae",
+    "border": "#dde3e8",
+    "border-strong": "#c2cbd3",
+    "focus-ring": "#12958d",
+    "accent": "#0b7772",
+    "accent-hover": "#0c5f5c",
+    "accent-fg": "#ffffff",
+    "accent-subtle": "#eafaf8",
+    "fg-on-solid": "#ffffff",
+    "danger": "#dc3d33",
+    "danger-fg": "#a02620",
+    "danger-subtle": "#fdd9d7",
+    "warn": "#cf9310",
+    "warn-fg": "#94660a",
+    "warn-subtle": "#fcecc9",
+    "success": "#2ea45c",
+    "success-fg": "#1c6e3d",
+    "success-subtle": "#d3f2dc",
+    "info": "#3b7fd8",
+    "info-fg": "#255494",
+    "info-subtle": "#d6e6fd",
+    "overlay": "rgba(14, 19, 23, 0.45)",
+    "syntax-keyword": "#6033c4",
+    "syntax-string": "#1c6e3d",
+    "syntax-number": "#94660a",
+    "syntax-comment": "#94a2ae",
+    "syntax-function": "#255494",
+    "syntax-variable": "#1a2127",
+    "syntax-type": "#0c5f5c",
+    "syntax-operator": "#6b7b89",
+    "syntax-punctuation": "#94a2ae",
+    "syntax-tag": "#a02620",
+    "syntax-attribute": "#94660a",
+    "syntax-invalid": "#dc3d33"
+  },
+  "night": {
+    "bg": "#191410",
+    "bg-subtle": "#29231b",
+    "bg-raised": "#29231b",
+    "bg-inset": "#191410",
+    "fg": "#e8dcc8",
+    "fg-muted": "#b8a081",
+    "fg-subtle": "#96805f",
+    "border": "#40372a",
+    "border-strong": "#5d4f3a",
+    "focus-ring": "#2bb5ab",
+    "accent": "#5bd1c8",
+    "accent-hover": "#96e5de",
+    "accent-fg": "#191410",
+    "accent-subtle": "#042625",
+    "fg-on-solid": "#ffffff",
+    "danger": "#dc3d33",
+    "danger-fg": "#f59b96",
+    "danger-subtle": "#4a1512",
+    "warn": "#cf9310",
+    "warn-fg": "#f2c65c",
+    "warn-subtle": "#442f06",
+    "success": "#2ea45c",
+    "success-fg": "#84d9a1",
+    "success-subtle": "#0f321c",
+    "info": "#3b7fd8",
+    "info-fg": "#8fb8f4",
+    "info-subtle": "#122844",
+    "overlay": "rgba(0, 0, 0, 0.65)",
+    "syntax-keyword": "#c4a5f2",
+    "syntax-string": "#84d9a1",
+    "syntax-number": "#f2c65c",
+    "syntax-comment": "#96805f",
+    "syntax-function": "#8fb8f4",
+    "syntax-variable": "#e8dcc8",
+    "syntax-type": "#5bd1c8",
+    "syntax-operator": "#b8a081",
+    "syntax-punctuation": "#96805f",
+    "syntax-tag": "#f59b96",
+    "syntax-attribute": "#f2c65c",
+    "syntax-invalid": "#dc3d33"
+  },
+  "sepia": {
+    "bg": "#fbf8f3",
+    "bg-subtle": "#f4ede1",
+    "bg-raised": "#fbf8f3",
+    "bg-inset": "#f4ede1",
+    "fg": "#29231b",
+    "fg-muted": "#5d4f3a",
+    "fg-subtle": "#96805f",
+    "border": "#e8dcc8",
+    "border-strong": "#d6c4a6",
+    "focus-ring": "#0b7772",
+    "accent": "#0c5f5c",
+    "accent-hover": "#0e4c4a",
+    "accent-fg": "#fbf8f3",
+    "accent-subtle": "#dcebe4",
+    "fg-on-solid": "#fbf8f3",
+    "danger": "#a02620",
+    "danger-fg": "#a02620",
+    "danger-subtle": "#fdd9d7",
+    "warn": "#94660a",
+    "warn-fg": "#94660a",
+    "warn-subtle": "#fcecc9",
+    "success": "#1c6e3d",
+    "success-fg": "#1c6e3d",
+    "success-subtle": "#d3f2dc",
+    "info": "#255494",
+    "info-fg": "#255494",
+    "info-subtle": "#d6e6fd",
+    "overlay": "rgba(41, 35, 27, 0.45)",
+    "syntax-keyword": "#6033c4",
+    "syntax-string": "#1c6e3d",
+    "syntax-number": "#94660a",
+    "syntax-comment": "#96805f",
+    "syntax-function": "#255494",
+    "syntax-variable": "#29231b",
+    "syntax-type": "#0c5f5c",
+    "syntax-operator": "#77654a",
+    "syntax-punctuation": "#96805f",
+    "syntax-tag": "#a02620",
+    "syntax-attribute": "#94660a",
+    "syntax-invalid": "#dc3d33"
+  }
+} as const;
+export type ColorRole = keyof (typeof themes)['light'];
+
+export const space = {
+  "0": "0",
+  "1": "4px",
+  "2": "8px",
+  "3": "12px",
+  "4": "16px",
+  "6": "24px",
+  "8": "32px",
+  "12": "48px",
+  "16": "64px"
+} as const;
+export const radius = {
+  "sm": "6px",
+  "md": "8px",
+  "lg": "12px",
+  "full": "9999px"
+} as const;
+export const text = {
+  "xs": {
+    "size": "0.75rem",
+    "line": "1rem"
+  },
+  "sm": {
+    "size": "0.8125rem",
+    "line": "1.25rem"
+  },
+  "md": {
+    "size": "0.875rem",
+    "line": "1.5rem"
+  },
+  "lg": {
+    "size": "1rem",
+    "line": "1.625rem"
+  },
+  "xl": {
+    "size": "1.25rem",
+    "line": "1.875rem"
+  },
+  "2xl": {
+    "size": "1.5rem",
+    "line": "2.125rem"
+  }
+} as const;
+export const weight = {
+  "regular": "400",
+  "medium": "500",
+  "semibold": "600"
+} as const;
+export const font = {
+  "sans": "Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+  "mono": "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
+} as const;
+export const motion = {
+  "fast": "120ms",
+  "base": "200ms",
+  "ease": "cubic-bezier(0.2, 0, 0.2, 1)",
+  "ease-out": "cubic-bezier(0, 0, 0.2, 1)"
+} as const;
+export const tracking = {
+  "tight": "-0.014em",
+  "normal": "0",
+  "wide": "0.02em"
+} as const;
+export const control = {
+  "normal": {
+    "sm": "28px",
+    "md": "36px",
+    "lg": "44px"
+  },
+  "compact": {
+    "sm": "24px",
+    "md": "30px",
+    "lg": "36px"
+  },
+  "coarse": {
+    "sm": "36px",
+    "md": "44px",
+    "lg": "52px"
+  }
+} as const;
+
+/** CSS custom-property name for a colour role, e.g. cssVar('fg-muted'). */
+export const cssVar = (role: ColorRole | string) => `var(--wk-${role})`;

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@wertkit/tokens",
+  "version": "0.1.0",
+  "description": "Platform-neutral design tokens. Source of truth for every wertkit target.",
+  "license": "UNLICENSED",
+  "type": "module",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "main": "./dist/tokens.ts",
+  "types": "./dist/tokens.ts",
+  "exports": {
+    ".": "./dist/tokens.ts",
+    "./css": "./dist/tokens.css",
+    "./rust": "./dist/tokens.rs",
+    "./src/*": "./src/*"
+  },
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "typecheck": "tsc --noEmit"
+  }
+}

package/src/primitives.json

@@ -0,0 +1,160 @@
+{
+  "$comment": "Raw values. Never consumed by apps directly - themes map roles onto these.",
+  "color": {
+    "white": "#ffffff",
+    "black": "#000000",
+    "slate": {
+      "50": "#f7f9fa",
+      "100": "#eef1f4",
+      "200": "#dde3e8",
+      "300": "#c2cbd3",
+      "400": "#94a2ae",
+      "500": "#6b7b89",
+      "600": "#52616e",
+      "700": "#414d58",
+      "800": "#2b343c",
+      "900": "#1a2127",
+      "950": "#0e1317"
+    },
+    "sand": {
+      "50": "#fbf8f3",
+      "100": "#f4ede1",
+      "200": "#e8dcc8",
+      "300": "#d6c4a6",
+      "400": "#b8a081",
+      "500": "#96805f",
+      "600": "#77654a",
+      "700": "#5d4f3a",
+      "800": "#40372a",
+      "900": "#29231b",
+      "950": "#191410"
+    },
+    "accent": {
+      "50": "#eafaf8",
+      "100": "#c9f2ee",
+      "200": "#96e5de",
+      "300": "#5bd1c8",
+      "400": "#2bb5ab",
+      "500": "#12958d",
+      "600": "#0b7772",
+      "700": "#0c5f5c",
+      "800": "#0e4c4a",
+      "900": "#0f3f3e",
+      "950": "#042625"
+    },
+    "red": {
+      "100": "#fdd9d7",
+      "300": "#f59b96",
+      "500": "#dc3d33",
+      "700": "#a02620",
+      "900": "#4a1512"
+    },
+    "amber": {
+      "100": "#fcecc9",
+      "300": "#f2c65c",
+      "500": "#cf9310",
+      "700": "#94660a",
+      "900": "#442f06"
+    },
+    "green": {
+      "100": "#d3f2dc",
+      "300": "#84d9a1",
+      "500": "#2ea45c",
+      "700": "#1c6e3d",
+      "900": "#0f321c"
+    },
+    "blue": {
+      "100": "#d6e6fd",
+      "300": "#8fb8f4",
+      "500": "#3b7fd8",
+      "700": "#255494",
+      "900": "#122844"
+    },
+    "violet": {
+      "100": "#e9ddfc",
+      "300": "#c4a5f2",
+      "500": "#8b5cf6",
+      "700": "#6033c4",
+      "900": "#2e1a5c"
+    }
+  },
+  "font": {
+    "sans": "Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    "mono": "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
+  },
+  "text": {
+    "xs": {
+      "size": "0.75rem",
+      "line": "1rem"
+    },
+    "sm": {
+      "size": "0.8125rem",
+      "line": "1.25rem"
+    },
+    "md": {
+      "size": "0.875rem",
+      "line": "1.5rem"
+    },
+    "lg": {
+      "size": "1rem",
+      "line": "1.625rem"
+    },
+    "xl": {
+      "size": "1.25rem",
+      "line": "1.875rem"
+    },
+    "2xl": {
+      "size": "1.5rem",
+      "line": "2.125rem"
+    }
+  },
+  "weight": {
+    "regular": "400",
+    "medium": "500",
+    "semibold": "600"
+  },
+  "space": {
+    "0": "0",
+    "1": "4px",
+    "2": "8px",
+    "3": "12px",
+    "4": "16px",
+    "6": "24px",
+    "8": "32px",
+    "12": "48px",
+    "16": "64px"
+  },
+  "radius": {
+    "sm": "6px",
+    "md": "8px",
+    "lg": "12px",
+    "full": "9999px"
+  },
+  "border": {
+    "thin": "1px",
+    "thick": "2px"
+  },
+  "shadow": {
+    "sm": "0 1px 2px rgba(0,0,0,0.04)",
+    "md": "0 8px 24px -6px rgba(0,0,0,0.10), 0 2px 6px -2px rgba(0,0,0,0.05)"
+  },
+  "motion": {
+    "fast": "120ms",
+    "base": "200ms",
+    "ease": "cubic-bezier(0.2, 0, 0.2, 1)",
+    "ease-out": "cubic-bezier(0, 0, 0.2, 1)"
+  },
+  "z": {
+    "base": "0",
+    "sticky": "100",
+    "overlay": "200",
+    "modal": "300",
+    "popover": "400",
+    "toast": "500"
+  },
+  "tracking": {
+    "tight": "-0.014em",
+    "normal": "0",
+    "wide": "0.02em"
+  }
+}

package/src/themes/dark.json

@@ -0,0 +1,44 @@
+{
+  "$name": "dark",
+  "$colorScheme": "dark",
+  "bg": "{color.slate.950}",
+  "bg-subtle": "{color.slate.900}",
+  "bg-raised": "{color.slate.900}",
+  "bg-inset": "{color.slate.950}",
+  "fg": "{color.slate.50}",
+  "fg-muted": "{color.slate.400}",
+  "fg-subtle": "{color.slate.500}",
+  "border": "{color.slate.800}",
+  "border-strong": "{color.slate.700}",
+  "focus-ring": "{color.accent.400}",
+  "accent": "{color.accent.400}",
+  "accent-hover": "{color.accent.300}",
+  "accent-fg": "{color.slate.950}",
+  "accent-subtle": "{color.accent.950}",
+  "fg-on-solid": "{color.white}",
+  "danger": "{color.red.500}",
+  "danger-fg": "{color.red.300}",
+  "danger-subtle": "{color.red.900}",
+  "warn": "{color.amber.500}",
+  "warn-fg": "{color.amber.300}",
+  "warn-subtle": "{color.amber.900}",
+  "success": "{color.green.500}",
+  "success-fg": "{color.green.300}",
+  "success-subtle": "{color.green.900}",
+  "info": "{color.blue.500}",
+  "info-fg": "{color.blue.300}",
+  "info-subtle": "{color.blue.900}",
+  "overlay": "rgba(0, 0, 0, 0.6)",
+  "syntax-keyword": "{color.violet.300}",
+  "syntax-string": "{color.green.300}",
+  "syntax-number": "{color.amber.300}",
+  "syntax-comment": "{color.slate.500}",
+  "syntax-function": "{color.blue.300}",
+  "syntax-variable": "{color.slate.50}",
+  "syntax-type": "{color.accent.300}",
+  "syntax-operator": "{color.slate.400}",
+  "syntax-punctuation": "{color.slate.500}",
+  "syntax-tag": "{color.red.300}",
+  "syntax-attribute": "{color.amber.300}",
+  "syntax-invalid": "{color.red.500}"
+}

package/src/themes/light.json

@@ -0,0 +1,44 @@
+{
+  "$name": "light",
+  "$colorScheme": "light",
+  "bg": "{color.white}",
+  "bg-subtle": "{color.slate.50}",
+  "bg-raised": "{color.white}",
+  "bg-inset": "{color.slate.50}",
+  "fg": "{color.slate.900}",
+  "fg-muted": "{color.slate.600}",
+  "fg-subtle": "{color.slate.400}",
+  "border": "{color.slate.200}",
+  "border-strong": "{color.slate.300}",
+  "focus-ring": "{color.accent.500}",
+  "accent": "{color.accent.600}",
+  "accent-hover": "{color.accent.700}",
+  "accent-fg": "{color.white}",
+  "accent-subtle": "{color.accent.50}",
+  "fg-on-solid": "{color.white}",
+  "danger": "{color.red.500}",
+  "danger-fg": "{color.red.700}",
+  "danger-subtle": "{color.red.100}",
+  "warn": "{color.amber.500}",
+  "warn-fg": "{color.amber.700}",
+  "warn-subtle": "{color.amber.100}",
+  "success": "{color.green.500}",
+  "success-fg": "{color.green.700}",
+  "success-subtle": "{color.green.100}",
+  "info": "{color.blue.500}",
+  "info-fg": "{color.blue.700}",
+  "info-subtle": "{color.blue.100}",
+  "overlay": "rgba(14, 19, 23, 0.45)",
+  "syntax-keyword": "{color.violet.700}",
+  "syntax-string": "{color.green.700}",
+  "syntax-number": "{color.amber.700}",
+  "syntax-comment": "{color.slate.400}",
+  "syntax-function": "{color.blue.700}",
+  "syntax-variable": "{color.slate.900}",
+  "syntax-type": "{color.accent.700}",
+  "syntax-operator": "{color.slate.500}",
+  "syntax-punctuation": "{color.slate.400}",
+  "syntax-tag": "{color.red.700}",
+  "syntax-attribute": "{color.amber.700}",
+  "syntax-invalid": "{color.red.500}"
+}

package/src/themes/night.json

@@ -0,0 +1,45 @@
+{
+  "$name": "night",
+  "$colorScheme": "dark",
+  "$comment": "Low-blue, warm dark. For long-form reading in the dark - dimmer than 'dark'.",
+  "bg": "{color.sand.950}",
+  "bg-subtle": "{color.sand.900}",
+  "bg-raised": "{color.sand.900}",
+  "bg-inset": "{color.sand.950}",
+  "fg": "{color.sand.200}",
+  "fg-muted": "{color.sand.400}",
+  "fg-subtle": "{color.sand.500}",
+  "border": "{color.sand.800}",
+  "border-strong": "{color.sand.700}",
+  "focus-ring": "{color.accent.400}",
+  "accent": "{color.accent.300}",
+  "accent-hover": "{color.accent.200}",
+  "accent-fg": "{color.sand.950}",
+  "accent-subtle": "{color.accent.950}",
+  "fg-on-solid": "{color.white}",
+  "danger": "{color.red.500}",
+  "danger-fg": "{color.red.300}",
+  "danger-subtle": "{color.red.900}",
+  "warn": "{color.amber.500}",
+  "warn-fg": "{color.amber.300}",
+  "warn-subtle": "{color.amber.900}",
+  "success": "{color.green.500}",
+  "success-fg": "{color.green.300}",
+  "success-subtle": "{color.green.900}",
+  "info": "{color.blue.500}",
+  "info-fg": "{color.blue.300}",
+  "info-subtle": "{color.blue.900}",
+  "overlay": "rgba(0, 0, 0, 0.65)",
+  "syntax-keyword": "{color.violet.300}",
+  "syntax-string": "{color.green.300}",
+  "syntax-number": "{color.amber.300}",
+  "syntax-comment": "{color.sand.500}",
+  "syntax-function": "{color.blue.300}",
+  "syntax-variable": "{color.sand.200}",
+  "syntax-type": "{color.accent.300}",
+  "syntax-operator": "{color.sand.400}",
+  "syntax-punctuation": "{color.sand.500}",
+  "syntax-tag": "{color.red.300}",
+  "syntax-attribute": "{color.amber.300}",
+  "syntax-invalid": "{color.red.500}"
+}

package/src/themes/sepia.json

@@ -0,0 +1,44 @@
+{
+  "$name": "sepia",
+  "$colorScheme": "light",
+  "bg": "{color.sand.50}",
+  "bg-subtle": "{color.sand.100}",
+  "bg-raised": "{color.sand.50}",
+  "bg-inset": "{color.sand.100}",
+  "fg": "{color.sand.900}",
+  "fg-muted": "{color.sand.700}",
+  "fg-subtle": "{color.sand.500}",
+  "border": "{color.sand.200}",
+  "border-strong": "{color.sand.300}",
+  "focus-ring": "{color.accent.600}",
+  "accent": "{color.accent.700}",
+  "accent-hover": "{color.accent.800}",
+  "accent-fg": "{color.sand.50}",
+  "accent-subtle": "#dcebe4",
+  "fg-on-solid": "{color.sand.50}",
+  "danger": "{color.red.700}",
+  "danger-fg": "{color.red.700}",
+  "danger-subtle": "{color.red.100}",
+  "warn": "{color.amber.700}",
+  "warn-fg": "{color.amber.700}",
+  "warn-subtle": "{color.amber.100}",
+  "success": "{color.green.700}",
+  "success-fg": "{color.green.700}",
+  "success-subtle": "{color.green.100}",
+  "info": "{color.blue.700}",
+  "info-fg": "{color.blue.700}",
+  "info-subtle": "{color.blue.100}",
+  "overlay": "rgba(41, 35, 27, 0.45)",
+  "syntax-keyword": "{color.violet.700}",
+  "syntax-string": "{color.green.700}",
+  "syntax-number": "{color.amber.700}",
+  "syntax-comment": "{color.sand.500}",
+  "syntax-function": "{color.blue.700}",
+  "syntax-variable": "{color.sand.900}",
+  "syntax-type": "{color.accent.700}",
+  "syntax-operator": "{color.sand.600}",
+  "syntax-punctuation": "{color.sand.500}",
+  "syntax-tag": "{color.red.700}",
+  "syntax-attribute": "{color.amber.700}",
+  "syntax-invalid": "{color.red.500}"
+}