@yuva-devlab/tokens 1.1.0 → 1.2.0

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 // src/index.ts
-var THEMES = ["orchestrai", "finai"];
+var THEMES = ["orchestrai", "finai", "portal", "logs"];
 var BRAND_MODES = ["light", "dark"];
 var THEME_CONFIGS = {
   orchestrai: {
@@ -13,6 +13,16 @@ var THEME_CONFIGS = {
     name: "finai",
     defaultMode: "dark",
     label: "FinAI"
+  },
+  portal: {
+    name: "portal",
+    defaultMode: "dark",
+    label: "DevLab Portal"
+  },
+  logs: {
+    name: "logs",
+    defaultMode: "dark",
+    label: "DevLab Logs"
   }
 };
 

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAKO,IAAM,MAAA,GAAS,CAAC,YAAA,EAAc,OAAO;AAGrC,IAAM,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM;AASpC,IAAM,aAAA,GAAgD;AAAA,EAC3D,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA;AAEX","file":"index.cjs","sourcesContent":["/**\n * @file src/index.ts\n * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.\n */\n\nexport const THEMES = [\"orchestrai\", \"finai\"] as const;\nexport type ThemeName = (typeof THEMES)[number];\n\nexport const BRAND_MODES = [\"light\", \"dark\"] as const;\nexport type BrandMode = (typeof BRAND_MODES)[number];\n\nexport interface ThemeConfig {\n  readonly name: ThemeName;\n  readonly defaultMode: BrandMode;\n  readonly label: string;\n}\n\nexport const THEME_CONFIGS: Record<ThemeName, ThemeConfig> = {\n  orchestrai: {\n    name: \"orchestrai\",\n    defaultMode: \"dark\",\n    label: \"OrchestrAI\",\n  },\n  finai: {\n    name: \"finai\",\n    defaultMode: \"dark\",\n    label: \"FinAI\",\n  },\n} as const;\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AAKO,IAAM,MAAA,GAAS,CAAC,YAAA,EAAc,OAAA,EAAS,UAAU,MAAM;AAGvD,IAAM,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM;AASpC,IAAM,aAAA,GAAgD;AAAA,EAC3D,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA;AAEX","file":"index.cjs","sourcesContent":["/**\n * @file src/index.ts\n * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.\n */\n\nexport const THEMES = [\"orchestrai\", \"finai\", \"portal\", \"logs\"] as const;\nexport type ThemeName = (typeof THEMES)[number];\n\nexport const BRAND_MODES = [\"light\", \"dark\"] as const;\nexport type BrandMode = (typeof BRAND_MODES)[number];\n\nexport interface ThemeConfig {\n  readonly name: ThemeName;\n  readonly defaultMode: BrandMode;\n  readonly label: string;\n}\n\nexport const THEME_CONFIGS: Record<ThemeName, ThemeConfig> = {\n  orchestrai: {\n    name: \"orchestrai\",\n    defaultMode: \"dark\",\n    label: \"OrchestrAI\",\n  },\n  finai: {\n    name: \"finai\",\n    defaultMode: \"dark\",\n    label: \"FinAI\",\n  },\n  portal: {\n    name: \"portal\",\n    defaultMode: \"dark\",\n    label: \"DevLab Portal\",\n  },\n  logs: {\n    name: \"logs\",\n    defaultMode: \"dark\",\n    label: \"DevLab Logs\",\n  },\n} as const;\n"]}

package/dist/index.d.cts

@@ -2,7 +2,7 @@
  * @file src/index.ts
  * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.
  */
-declare const THEMES: readonly ["orchestrai", "finai"];
+declare const THEMES: readonly ["orchestrai", "finai", "portal", "logs"];
 type ThemeName = (typeof THEMES)[number];
 declare const BRAND_MODES: readonly ["light", "dark"];
 type BrandMode = (typeof BRAND_MODES)[number];

package/dist/index.d.ts

@@ -2,7 +2,7 @@
  * @file src/index.ts
  * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.
  */
-declare const THEMES: readonly ["orchestrai", "finai"];
+declare const THEMES: readonly ["orchestrai", "finai", "portal", "logs"];
 type ThemeName = (typeof THEMES)[number];
 declare const BRAND_MODES: readonly ["light", "dark"];
 type BrandMode = (typeof BRAND_MODES)[number];

package/dist/index.js

@@ -1,5 +1,5 @@
 // src/index.ts
-var THEMES = ["orchestrai", "finai"];
+var THEMES = ["orchestrai", "finai", "portal", "logs"];
 var BRAND_MODES = ["light", "dark"];
 var THEME_CONFIGS = {
   orchestrai: {
@@ -11,6 +11,16 @@ var THEME_CONFIGS = {
     name: "finai",
     defaultMode: "dark",
     label: "FinAI"
+  },
+  portal: {
+    name: "portal",
+    defaultMode: "dark",
+    label: "DevLab Portal"
+  },
+  logs: {
+    name: "logs",
+    defaultMode: "dark",
+    label: "DevLab Logs"
   }
 };
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";AAKO,IAAM,MAAA,GAAS,CAAC,YAAA,EAAc,OAAO;AAGrC,IAAM,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM;AASpC,IAAM,aAAA,GAAgD;AAAA,EAC3D,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA;AAEX","file":"index.js","sourcesContent":["/**\n * @file src/index.ts\n * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.\n */\n\nexport const THEMES = [\"orchestrai\", \"finai\"] as const;\nexport type ThemeName = (typeof THEMES)[number];\n\nexport const BRAND_MODES = [\"light\", \"dark\"] as const;\nexport type BrandMode = (typeof BRAND_MODES)[number];\n\nexport interface ThemeConfig {\n  readonly name: ThemeName;\n  readonly defaultMode: BrandMode;\n  readonly label: string;\n}\n\nexport const THEME_CONFIGS: Record<ThemeName, ThemeConfig> = {\n  orchestrai: {\n    name: \"orchestrai\",\n    defaultMode: \"dark\",\n    label: \"OrchestrAI\",\n  },\n  finai: {\n    name: \"finai\",\n    defaultMode: \"dark\",\n    label: \"FinAI\",\n  },\n} as const;\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";AAKO,IAAM,MAAA,GAAS,CAAC,YAAA,EAAc,OAAA,EAAS,UAAU,MAAM;AAGvD,IAAM,WAAA,GAAc,CAAC,OAAA,EAAS,MAAM;AASpC,IAAM,aAAA,GAAgD;AAAA,EAC3D,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,YAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,QAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA,GACT;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,WAAA,EAAa,MAAA;AAAA,IACb,KAAA,EAAO;AAAA;AAEX","file":"index.js","sourcesContent":["/**\n * @file src/index.ts\n * @description Yuva DevLab Design System — Design Tokens & Theme Definitions.\n */\n\nexport const THEMES = [\"orchestrai\", \"finai\", \"portal\", \"logs\"] as const;\nexport type ThemeName = (typeof THEMES)[number];\n\nexport const BRAND_MODES = [\"light\", \"dark\"] as const;\nexport type BrandMode = (typeof BRAND_MODES)[number];\n\nexport interface ThemeConfig {\n  readonly name: ThemeName;\n  readonly defaultMode: BrandMode;\n  readonly label: string;\n}\n\nexport const THEME_CONFIGS: Record<ThemeName, ThemeConfig> = {\n  orchestrai: {\n    name: \"orchestrai\",\n    defaultMode: \"dark\",\n    label: \"OrchestrAI\",\n  },\n  finai: {\n    name: \"finai\",\n    defaultMode: \"dark\",\n    label: \"FinAI\",\n  },\n  portal: {\n    name: \"portal\",\n    defaultMode: \"dark\",\n    label: \"DevLab Portal\",\n  },\n  logs: {\n    name: \"logs\",\n    defaultMode: \"dark\",\n    label: \"DevLab Logs\",\n  },\n} as const;\n"]}

package/dist/preset.css

@@ -2,10 +2,164 @@
  * Yuva DevLab Design System — Tailwind CSS 4 Preset Bridge
  *
  * Maps standard design tokens and CSS custom properties to Tailwind utility classes.
- * Can be consumed by downstream applications via:
- * `@import "@yuva-devlab/ui/preset.css";`
+ * Acts as the universal preset and neutral baseline when no brands are mapped.
+ * Zero individual brand tokens are declared here.
+ * Can be consumed downstream via: `@import "@yuva-devlab/tokens/preset.css";`
  */
 
+/* ── Neutral Fallback Baseline (Active when no brands are mapped) ─────────── */
+:root {
+  --radius: 0.75rem;
+
+  /* Surfaces */
+  --background: oklch(0.985 0 0);
+  --foreground: oklch(0.18 0.01 260);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.18 0.01 260);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.18 0.01 260);
+
+  /* Core Neutral Action */
+  --primary: oklch(0.35 0.04 260);
+  --primary-foreground: oklch(0.99 0 0);
+  --secondary: oklch(0.96 0.005 260);
+  --secondary-foreground: oklch(0.2 0.01 260);
+
+  /* Muted / Accent */
+  --muted: oklch(0.96 0.005 260);
+  --muted-foreground: oklch(0.5 0.01 260);
+  --accent: oklch(0.94 0.01 260);
+  --accent-foreground: oklch(0.2 0.01 260);
+
+  /* System Status Feedback */
+  --destructive: oklch(0.6 0.22 25);
+  --destructive-foreground: oklch(0.99 0 0);
+  --warning: oklch(0.75 0.14 80);
+  --warning-foreground: oklch(0.2 0.02 80);
+  --success: oklch(0.65 0.15 150);
+  --success-foreground: oklch(0.99 0 0);
+  --info: oklch(0.68 0.13 245);
+  --info-foreground: oklch(0.99 0 0);
+
+  /* Form & Interactive */
+  --border: oklch(0.92 0.005 260);
+  --input: oklch(0.92 0.005 260);
+  --ring: oklch(0.35 0.04 260);
+
+  /* Surfaces & Overlay */
+  --surface: oklch(1 0 0 / 70%);
+  --surface-2: oklch(0.975 0.005 260);
+  --overlay: oklch(0.985 0 0 / 80%);
+
+  /* Navigation & Sidebar */
+  --sidebar: oklch(1 0 0);
+  --sidebar-foreground: oklch(0.18 0.01 260);
+  --sidebar-primary: oklch(0.35 0.04 260);
+  --sidebar-primary-foreground: oklch(0.99 0 0);
+  --sidebar-accent: oklch(0.95 0.01 260);
+  --sidebar-accent-foreground: oklch(0.2 0.01 260);
+  --sidebar-border: oklch(0.92 0.005 260);
+  --sidebar-ring: oklch(0.35 0.04 260);
+
+  /* Charts */
+  --chart-1: oklch(0.6 0.15 250);
+  --chart-2: oklch(0.65 0.15 150);
+  --chart-3: oklch(0.7 0.12 70);
+  --chart-4: oklch(0.75 0.14 80);
+  --chart-5: oklch(0.6 0.18 25);
+
+  /* Sizing, Spacing & Layout */
+  --control-height-xs: 1.75rem;
+  --control-height-sm: 2rem;
+  --control-height-md: 2.25rem;
+  --control-height-lg: 2.5rem;
+  --control-height-xl: 3rem;
+
+  --icon-xs: 0.875rem;
+  --icon-sm: 1rem;
+  --icon-md: 1.25rem;
+  --icon-lg: 1.5rem;
+  --icon-xl: 2rem;
+
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+
+  --card-padding: var(--space-4);
+  --dialog-padding: var(--space-5);
+  --form-field-gap: var(--space-3);
+  --section-gap: var(--space-5);
+  --table-row-padding-x: var(--space-4);
+  --table-row-padding-y: var(--space-3);
+}
+
+.dark,
+[data-theme="dark"] {
+  --radius: 0.75rem;
+
+  /* Surfaces */
+  --background: oklch(0.16 0.01 260);
+  --foreground: oklch(0.97 0.003 260);
+  --card: oklch(0.2 0.01 260);
+  --card-foreground: oklch(0.97 0.003 260);
+  --popover: oklch(0.2 0.01 260);
+  --popover-foreground: oklch(0.97 0.003 260);
+
+  /* Core Neutral Action */
+  --primary: oklch(0.75 0.05 260);
+  --primary-foreground: oklch(0.15 0.01 260);
+  --secondary: oklch(0.25 0.01 260);
+  --secondary-foreground: oklch(0.97 0.003 260);
+
+  /* Muted / Accent */
+  --muted: oklch(0.25 0.01 260);
+  --muted-foreground: oklch(0.7 0.01 260);
+  --accent: oklch(0.3 0.02 260);
+  --accent-foreground: oklch(0.95 0.005 260);
+
+  /* System Status Feedback */
+  --destructive: oklch(0.65 0.2 25);
+  --destructive-foreground: oklch(0.97 0.003 0);
+  --warning: oklch(0.75 0.14 80);
+  --warning-foreground: oklch(0.15 0.02 80);
+  --success: oklch(0.7 0.15 150);
+  --success-foreground: oklch(0.15 0.01 260);
+  --info: oklch(0.72 0.12 245);
+  --info-foreground: oklch(0.15 0.01 260);
+
+  /* Form & Interactive */
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 14%);
+  --ring: oklch(0.75 0.05 260);
+
+  /* Surfaces & Overlay */
+  --surface: oklch(0.22 0.01 260 / 70%);
+  --surface-2: oklch(0.235 0.01 260);
+  --overlay: oklch(0.11 0.01 260 / 80%);
+
+  /* Navigation & Sidebar */
+  --sidebar: oklch(0.18 0.01 260);
+  --sidebar-foreground: oklch(0.97 0.003 260);
+  --sidebar-primary: oklch(0.75 0.05 260);
+  --sidebar-primary-foreground: oklch(0.15 0.01 260);
+  --sidebar-accent: oklch(0.26 0.01 260);
+  --sidebar-accent-foreground: oklch(0.97 0.003 260);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.75 0.05 260);
+
+  /* Charts */
+  --chart-1: oklch(0.7 0.15 250);
+  --chart-2: oklch(0.72 0.15 150);
+  --chart-3: oklch(0.75 0.12 70);
+  --chart-4: oklch(0.8 0.14 80);
+  --chart-5: oklch(0.65 0.18 25);
+}
+
 @theme inline {
   /* ── Radii Mappings ─────────────────────────────────────────────── */
   --radius-sm: calc(var(--radius, 0.5rem) - 4px);

package/dist/styles.css

@@ -10,3 +10,5 @@
 /* ── Brand Scoped Themes ─────────────────────────────────────────────────── */
 @import "./themes/finai.css";
 @import "./themes/orchestrai.css";
+@import "./themes/portal.css";
+@import "./themes/logs.css";

package/dist/themes/finai.css

@@ -1,33 +1,59 @@
 /**
  * FinAI Theme Preset — Emerald / Forest Green Palette
  * Modern OKLCH color spaces optimized for trust, clarity, and financial wellness.
+ * High-specificity scoped tokens for FinAI applications.
  */
 
-:root,
+/* ── FinAI Theme — Light Mode ─────────────────────────────────────────── */
 [data-brand="finai"],
-[data-theme="finai"] {
+[data-theme="finai"],
+[data-theme="finai-light"],
+:root[data-brand="finai"],
+:root[data-theme="finai"],
+:root[data-theme="finai-light"] {
   --radius: 0.75rem;
+
+  /* Surfaces */
   --background: oklch(0.985 0.001 247);
   --foreground: oklch(0.21 0.02 260);
   --card: oklch(1 0 0);
   --card-foreground: oklch(0.21 0.02 260);
   --popover: oklch(1 0 0);
   --popover-foreground: oklch(0.21 0.02 260);
+
+  /* Brand */
   --primary: oklch(0.63 0.14 156);
   --primary-foreground: oklch(0.99 0.005 150);
   --secondary: oklch(0.965 0.003 260);
   --secondary-foreground: oklch(0.21 0.02 260);
+
+  /* Muted / Accent */
   --muted: oklch(0.965 0.003 260);
   --muted-foreground: oklch(0.52 0.015 260);
   --accent: oklch(0.95 0.03 156);
   --accent-foreground: oklch(0.35 0.09 156);
+
+  /* Status */
   --destructive: oklch(0.6 0.22 25);
   --destructive-foreground: oklch(0.99 0.005 0);
   --warning: oklch(0.75 0.14 80);
   --warning-foreground: oklch(0.2 0.02 80);
+  --success: oklch(0.63 0.14 156);
+  --success-foreground: oklch(0.99 0.005 150);
+  --info: oklch(0.68 0.12 245);
+  --info-foreground: oklch(0.99 0.005 245);
+
+  /* Form / Ring */
   --border: oklch(0.92 0.005 260);
   --input: oklch(0.92 0.005 260);
   --ring: oklch(0.63 0.14 156);
+
+  /* Glass / Surface Tokens */
+  --surface: oklch(1 0 0 / 70%);
+  --surface-2: oklch(0.975 0.003 260);
+  --overlay: oklch(0.985 0.001 247 / 80%);
+
+  /* Navigation & Sidebar */
   --sidebar: oklch(1 0 0);
   --sidebar-foreground: oklch(0.21 0.02 260);
   --sidebar-primary: oklch(0.63 0.14 156);
@@ -36,12 +62,22 @@
   --sidebar-accent-foreground: oklch(0.35 0.09 156);
   --sidebar-border: oklch(0.93 0.005 260);
   --sidebar-ring: oklch(0.63 0.14 156);
+
+  /* Visual Data Telemetry (Charts) */
   --chart-1: oklch(0.63 0.14 156);
   --chart-2: oklch(0.55 0.02 260);
   --chart-3: oklch(0.75 0.04 156);
   --chart-4: oklch(0.7 0.15 60);
   --chart-5: oklch(0.6 0.18 25);
 
+  /* ── Financial Flow Tokens (Income, Expense, Investment) ───────────────── */
+  --income: var(--primary);
+  --income-foreground: var(--primary-foreground);
+  --expense: var(--destructive);
+  --expense-foreground: var(--destructive-foreground);
+  --investment: oklch(0.62 0.19 260);
+  --investment-foreground: oklch(0.99 0.005 260);
+
   /* ── Sizing, Spacing & Layout Tokens ───────────────────────────────────── */
   --control-height-xs: 1.75rem;
   --control-height-sm: 2rem;
@@ -72,32 +108,64 @@
   --table-row-padding-y: var(--space-4);
 }
 
-.dark,
-[data-theme="dark"],
+/* ── FinAI Theme — Dark Mode ──────────────────────────────────────────── */
 [data-theme="finai-dark"],
+[data-brand="finai"][data-theme="dark"],
+[data-brand="finai"][data-theme="finai-dark"],
 [data-brand="finai"].dark,
-[data-brand="finai"][data-theme="dark"] {
+[data-brand="finai"] .dark,
+[data-theme="finai"] .dark,
+.dark [data-brand="finai"],
+.dark [data-theme="finai"],
+:root[data-theme="finai-dark"],
+:root[data-brand="finai"].dark,
+:root[data-brand="finai"][data-theme="dark"],
+:root[data-brand="finai"][data-theme="finai-dark"],
+:root.dark[data-brand="finai"],
+:root.dark[data-theme="finai"] {
+  --radius: 0.75rem;
+
+  /* Surfaces */
   --background: oklch(0.16 0.015 260);
   --foreground: oklch(0.97 0.003 260);
   --card: oklch(0.2 0.015 260);
   --card-foreground: oklch(0.97 0.003 260);
   --popover: oklch(0.2 0.015 260);
   --popover-foreground: oklch(0.97 0.003 260);
+
+  /* Brand */
   --primary: oklch(0.7 0.15 156);
   --primary-foreground: oklch(0.15 0.02 260);
   --secondary: oklch(0.25 0.015 260);
   --secondary-foreground: oklch(0.97 0.003 260);
+
+  /* Muted / Accent */
   --muted: oklch(0.25 0.015 260);
   --muted-foreground: oklch(0.7 0.01 260);
   --accent: oklch(0.3 0.05 156);
   --accent-foreground: oklch(0.9 0.08 156);
+
+  /* Status */
   --destructive: oklch(0.65 0.2 25);
   --destructive-foreground: oklch(0.97 0.003 0);
   --warning: oklch(0.75 0.14 80);
   --warning-foreground: oklch(0.15 0.02 80);
+  --success: oklch(0.7 0.15 156);
+  --success-foreground: oklch(0.15 0.02 260);
+  --info: oklch(0.72 0.12 245);
+  --info-foreground: oklch(0.15 0.02 260);
+
+  /* Form / Ring */
   --border: oklch(1 0 0 / 8%);
   --input: oklch(1 0 0 / 12%);
   --ring: oklch(0.7 0.15 156);
+
+  /* Glass / Surface Tokens */
+  --surface: oklch(0.2 0.015 260 / 70%);
+  --surface-2: oklch(0.235 0.015 260);
+  --overlay: oklch(0.12 0.015 260 / 80%);
+
+  /* Navigation & Sidebar */
   --sidebar: oklch(0.18 0.015 260);
   --sidebar-foreground: oklch(0.97 0.003 260);
   --sidebar-primary: oklch(0.7 0.15 156);
@@ -106,9 +174,19 @@
   --sidebar-accent-foreground: oklch(0.97 0.003 260);
   --sidebar-border: oklch(1 0 0 / 8%);
   --sidebar-ring: oklch(0.7 0.15 156);
+
+  /* Visual Data Telemetry (Charts) */
   --chart-1: oklch(0.7 0.15 156);
   --chart-2: oklch(0.6 0.02 260);
   --chart-3: oklch(0.8 0.04 156);
   --chart-4: oklch(0.75 0.15 60);
   --chart-5: oklch(0.65 0.2 25);
+
+  /* ── Financial Flow Tokens (Income, Expense, Investment) ───────────────── */
+  --income: var(--primary);
+  --income-foreground: var(--primary-foreground);
+  --expense: var(--destructive);
+  --expense-foreground: var(--destructive-foreground);
+  --investment: oklch(0.68 0.19 260);
+  --investment-foreground: oklch(0.97 0.003 260);
 }

package/dist/themes/logs.css

@@ -0,0 +1,137 @@
+/**
+ * DevLab Logs Theme — High-Density Observability & Telemetry Console Palette
+ * Modern OKLCH color spaces optimized for real-time distributed log streaming,
+ * trace inspection, DuckDB SQL analytics, and Log-RAG root-cause analysis.
+ */
+
+/* ── DevLab Logs Theme — Light Mode ────────────────────────────────────────── */
+[data-brand="logs"],
+[data-theme="logs"],
+[data-theme="logs-light"],
+:root[data-brand="logs"],
+:root[data-theme="logs"],
+:root[data-theme="logs-light"] {
+  --radius: 0.5rem;
+
+  /* Surfaces */
+  --background: oklch(0.975 0.005 240);
+  --foreground: oklch(0.2 0.02 250);
+  --surface: oklch(0.95 0.008 240);
+  --surface-2: oklch(0.92 0.01 240);
+  --card: oklch(0.98 0.004 240);
+  --card-foreground: oklch(0.2 0.02 250);
+  --popover: oklch(0.97 0.006 240);
+  --popover-foreground: oklch(0.2 0.02 250);
+
+  /* Brand / Neon Green Accent */
+  --primary: oklch(0.62 0.18 150);
+  --primary-foreground: oklch(0.99 0.005 150);
+  --secondary: oklch(0.92 0.012 245);
+  --secondary-foreground: oklch(0.25 0.02 250);
+
+  /* Muted / Accent */
+  --muted: oklch(0.92 0.01 240);
+  --muted-foreground: oklch(0.5 0.02 245);
+  --accent: oklch(0.9 0.015 240);
+  --accent-foreground: oklch(0.2 0.02 250);
+
+  /* Severity & Status */
+  --destructive: oklch(0.6 0.22 25);
+  --destructive-foreground: oklch(0.99 0 0);
+  --fatal: oklch(0.58 0.24 350);
+  --error: oklch(0.6 0.22 25);
+  --warn: oklch(0.7 0.16 80);
+  --info: oklch(0.62 0.14 230);
+  --debug: oklch(0.52 0.04 250);
+  --ai: oklch(0.65 0.15 195);
+
+  /* Syntax Highlighting */
+  --syn-key: oklch(0.55 0.14 235);
+  --syn-str: oklch(0.55 0.16 145);
+  --syn-num: oklch(0.62 0.16 75);
+
+  /* Form & Interactive */
+  --border: oklch(0.85 0.01 240);
+  --input: oklch(0.85 0.01 240);
+  --ring: oklch(0.62 0.18 150 / 60%);
+
+  /* Visual Glow & Matrix Background */
+  --glow-primary:
+    0 0 0 1px color-mix(in oklab, var(--primary) 30%, transparent),
+    0 0 18px -4px color-mix(in oklab, var(--primary) 40%, transparent);
+  --grid-bg: radial-gradient(
+    circle at 1px 1px,
+    oklch(0 0 0 / 5%) 1px,
+    transparent 0
+  );
+}
+
+/* ── DevLab Logs Theme — Dark Mode ─────────────────────────────────────────── */
+[data-theme="logs-dark"],
+[data-brand="logs"][data-theme="dark"],
+[data-brand="logs"][data-theme="logs-dark"],
+[data-brand="logs"].dark,
+[data-brand="logs"] .dark,
+[data-theme="logs"] .dark,
+.dark [data-brand="logs"],
+.dark [data-theme="logs"],
+:root[data-theme="logs-dark"],
+:root[data-brand="logs"].dark,
+:root[data-brand="logs"][data-theme="dark"],
+:root[data-brand="logs"][data-theme="logs-dark"],
+:root.dark[data-brand="logs"],
+:root.dark[data-theme="logs"] {
+  --radius: 0.5rem;
+
+  /* Surfaces */
+  --background: oklch(0.155 0.012 250);
+  --foreground: oklch(0.93 0.01 240);
+  --surface: oklch(0.19 0.014 250);
+  --surface-2: oklch(0.225 0.016 250);
+  --card: oklch(0.19 0.014 250);
+  --card-foreground: oklch(0.93 0.01 240);
+  --popover: oklch(0.21 0.016 250);
+  --popover-foreground: oklch(0.93 0.01 240);
+
+  /* Brand / Neon Green Accent */
+  --primary: oklch(0.86 0.17 150);
+  --primary-foreground: oklch(0.17 0.03 150);
+  --secondary: oklch(0.25 0.016 250);
+  --secondary-foreground: oklch(0.93 0.01 240);
+
+  /* Muted / Accent */
+  --muted: oklch(0.24 0.014 250);
+  --muted-foreground: oklch(0.64 0.02 245);
+  --accent: oklch(0.27 0.02 250);
+  --accent-foreground: oklch(0.96 0.01 240);
+
+  /* Severity & Status */
+  --destructive: oklch(0.66 0.21 25);
+  --destructive-foreground: oklch(0.98 0 0);
+  --fatal: oklch(0.68 0.24 350);
+  --error: oklch(0.68 0.21 25);
+  --warn: oklch(0.82 0.16 80);
+  --info: oklch(0.76 0.12 230);
+  --debug: oklch(0.6 0.03 250);
+  --ai: oklch(0.78 0.14 195);
+
+  /* Syntax Highlighting */
+  --syn-key: oklch(0.78 0.12 230);
+  --syn-str: oklch(0.84 0.14 140);
+  --syn-num: oklch(0.82 0.15 70);
+
+  /* Form & Interactive */
+  --border: oklch(0.28 0.016 250);
+  --input: oklch(0.3 0.016 250);
+  --ring: oklch(0.86 0.17 150 / 60%);
+
+  /* Visual Glow & Matrix Background */
+  --glow-primary:
+    0 0 0 1px color-mix(in oklab, var(--primary) 40%, transparent),
+    0 0 24px -4px color-mix(in oklab, var(--primary) 50%, transparent);
+  --grid-bg: radial-gradient(
+    circle at 1px 1px,
+    oklch(1 0 0 / 4%) 1px,
+    transparent 0
+  );
+}