@yuva-devlab/tokens 1.3.0 → 1.3.1

package/dist/themes/vitalai.css

@@ -1,9 +1,8 @@
 /**
- * VitalAI Theme Preset — Clinical Porcelain & Bioluminescent Teal Palette
- * Modern OKLCH color spaces optimized for high performance, clinical nutrition, and fitness intelligence.
+ * VitalAI Theme Preset — High-Performance Athletic & Kinetic Palette
+ * Modern OKLCH color spaces optimized for bodybuilding, calisthenics, and AI fitness coaching.
  * High-specificity scoped tokens for VitalAI applications.
  */
-
 /* ── VitalAI Theme — Light Mode ─────────────────────────────────────────── */
 [data-brand="vitalai"],
 [data-theme="vitalai"],
@@ -12,82 +11,117 @@
 :root[data-theme="vitalai"],
 :root[data-theme="vitalai-light"] {
   --radius: 1rem;
-
   /* Surfaces */
-  --background: oklch(0.975 0.006 190);
-  --foreground: oklch(0.2 0.03 220);
-  --card: oklch(1 0 0 / 72%);
-  --card-foreground: oklch(0.2 0.03 220);
-  --popover: oklch(0.995 0.003 190);
-  --popover-foreground: oklch(0.2 0.03 220);
-
-  /* Brand Action */
-  --primary: oklch(0.52 0.11 185);
-  --primary-foreground: oklch(0.99 0.01 185);
-  --secondary: oklch(0.94 0.015 190);
-  --secondary-foreground: oklch(0.25 0.04 210);
+  --background: oklch(0.98 0.005 265);
+  --foreground: oklch(0.14 0.02 265);
+  --card: oklch(1 0 0 / 85%);
+  --card-foreground: oklch(0.14 0.02 265);
+  --popover: oklch(0.99 0.003 265);
+  --popover-foreground: oklch(0.14 0.02 265);
+
+  /* Brand Action — Athletic Volt Accent */
+  --primary: oklch(0.72 0.22 128);
+  --primary-foreground: oklch(0.12 0.02 128);
+  --secondary: oklch(0.93 0.015 265);
+  --secondary-foreground: oklch(0.2 0.03 265);
 
   /* Muted / Accent */
-  --muted: oklch(0.945 0.01 200);
-  --muted-foreground: oklch(0.5 0.025 220);
-  --accent: oklch(0.93 0.035 180);
-  --accent-foreground: oklch(0.3 0.07 185);
+  --muted: oklch(0.94 0.01 265);
+  --muted-foreground: oklch(0.48 0.025 265);
+  --accent: oklch(0.92 0.025 265);
+  --accent-foreground: oklch(0.2 0.03 265);
 
   /* Status & Clinical Feedback */
   --destructive: oklch(0.58 0.2 25);
   --destructive-foreground: oklch(0.99 0 0);
   --warning: oklch(0.72 0.16 70);
   --warning-foreground: oklch(0.2 0.02 70);
-  --success: oklch(0.62 0.15 155);
+  --success: oklch(0.65 0.2 140);
   --success-foreground: oklch(0.99 0 0);
-  --info: oklch(0.62 0.13 235);
+  --info: oklch(0.62 0.15 210);
   --info-foreground: oklch(0.99 0 0);
 
   /* Form & Interactive */
-  --border: oklch(0.2 0.03 220 / 9%);
-  --input: oklch(0.2 0.03 220 / 12%);
-  --ring: oklch(0.52 0.11 185);
+  --border: oklch(0.14 0.02 265 / 10%);
+  --input: oklch(0.14 0.02 265 / 12%);
+  --ring: oklch(0.72 0.22 128);
 
   /* Glassmorphism & Ambient Glow */
-  --glass: oklch(1 0 0 / 62%);
-  --glass-border: oklch(1 0 0 / 80%);
-  --glow: oklch(0.7 0.14 180 / 25%);
-  --glow-2: oklch(0.75 0.12 150 / 18%);
+  --glass: oklch(1 0 0 / 70%);
+  --glass-border: oklch(0.14 0.02 265 / 8%);
+  --glow: oklch(0.72 0.22 128 / 25%);
+  --glow-2: oklch(0.68 0.16 200 / 18%);
   --shadow-glass:
-    0 1px 0 0 oklch(1 0 0 / 70%) inset,
-    0 10px 40px -12px oklch(0.3 0.05 210 / 18%);
-  --surface: oklch(1 0 0 / 70%);
-  --surface-2: oklch(0.975 0.005 190);
-  --overlay: oklch(0.975 0.006 190 / 80%);
+    0 1px 0 0 oklch(1 0 0 / 80%) inset,
+    0 10px 40px -12px oklch(0.14 0.02 265 / 12%);
+  --surface: oklch(1 0 0 / 75%);
+  --surface-2: oklch(0.96 0.008 265);
+  --overlay: oklch(0.98 0.005 265 / 80%);
 
   /* Navigation & Sidebar */
-  --sidebar: oklch(0.99 0.004 190 / 70%);
-  --sidebar-foreground: oklch(0.25 0.03 220);
-  --sidebar-primary: oklch(0.52 0.11 185);
-  --sidebar-primary-foreground: oklch(0.99 0 0);
-  --sidebar-accent: oklch(0.93 0.035 180);
-  --sidebar-accent-foreground: oklch(0.3 0.07 185);
-  --sidebar-border: oklch(0.2 0.03 220 / 8%);
-  --sidebar-ring: oklch(0.52 0.11 185);
-
-  /* ── VitalAI Clinical Telemetry & Macro Tokens ───────────────────────── */
-  --vital: oklch(0.62 0.15 160);
-  --vital-foreground: oklch(0.99 0 0);
-  --calories: oklch(0.66 0.17 45);
-  --protein: oklch(0.55 0.13 185);
-  --carbs: oklch(0.7 0.15 85);
-  --fats: oklch(0.6 0.16 350);
-  --water: oklch(0.62 0.13 235);
+  --sidebar: oklch(0.99 0.003 265 / 80%);
+  --sidebar-foreground: oklch(0.2 0.02 265);
+  --sidebar-primary: oklch(0.72 0.22 128);
+  --sidebar-primary-foreground: oklch(0.12 0.02 128);
+  --sidebar-accent: oklch(0.93 0.02 265);
+  --sidebar-accent-foreground: oklch(0.2 0.03 265);
+  --sidebar-border: oklch(0.14 0.02 265 / 8%);
+  --sidebar-ring: oklch(0.72 0.22 128);
+
+  /* ── VitalAI Kinetic Athletic Tokens ─────────────────────────────────── */
+  --volt: oklch(0.72 0.22 128);
+  --cyan: oklch(0.68 0.16 200);
+  --ember: oklch(0.65 0.21 40);
+  --slate-muscle: oklch(0.3 0.02 265);
 
   /* Visual Data Charts */
-  --chart-1: var(--protein);
-  --chart-2: var(--carbs);
-  --chart-3: var(--fats);
-  --chart-4: var(--calories);
-  --chart-5: var(--water);
+  --chart-1: var(--volt);
+  --chart-2: var(--cyan);
+  --chart-3: var(--ember);
+  --chart-4: oklch(0.65 0.18 290);
+  --chart-5: oklch(0.72 0.16 75);
+
+  /* ── VitalAI Typography Tokens ───────────────────────────────────────── */
+  --theme-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
+  --theme-font-display: "Barlow Condensed", "Inter", sans-serif;
+  --theme-font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  /* ── Athletic Density & Scaling ──────────────────────────────────────── */
+  --theme-font-size-root: 16px;
+  --theme-spacing: 0.25rem;
+
+  /* ── Sizing, Spacing & Layout Tokens ─────────────────────────────────── */
+  --control-height-xs: 2rem;
+  --control-height-sm: 2.25rem;
+  --control-height-md: 2.625rem;
+  --control-height-lg: 3rem;
+  --control-height-xl: 3.5rem;
+
+  --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.875rem;
+  --space-4: 1.125rem;
+  --space-5: 1.5rem;
+  --space-6: 1.875rem;
+  --space-8: 2.5rem;
+  --space-10: 3rem;
+  --card-padding: var(--space-5);
+  --dialog-padding: var(--space-6);
+  --form-field-gap: var(--space-4);
+  --section-gap: var(--space-6);
+  --table-row-padding-x: var(--space-5);
+  --table-row-padding-y: var(--space-4);
 }
-
-/* ── VitalAI Theme — Dark Mode ────────────────────────────────────────── */
+/* ── VitalAI Theme — Dark Mode (Signature Muscle Monster Aesthetic) ───── */
 [data-theme="vitalai-dark"],
 [data-brand="vitalai"][data-theme="dark"],
 [data-brand="vitalai"][data-theme="vitalai-dark"],
@@ -103,76 +137,112 @@
 :root.dark[data-brand="vitalai"],
 :root.dark[data-theme="vitalai"] {
   --radius: 1rem;
-
-  /* Surfaces */
-  --background: oklch(0.155 0.018 230);
-  --foreground: oklch(0.95 0.01 200);
-  --card: oklch(0.22 0.02 225 / 60%);
-  --card-foreground: oklch(0.95 0.01 200);
-  --popover: oklch(0.2 0.02 225);
-  --popover-foreground: oklch(0.95 0.01 200);
-
-  /* Brand Action */
-  --primary: oklch(0.8 0.13 180);
-  --primary-foreground: oklch(0.18 0.03 210);
-  --secondary: oklch(0.26 0.02 225);
-  --secondary-foreground: oklch(0.92 0.01 200);
+  /* Surfaces — Obsidian Carbon */
+  --background: oklch(0.12 0.006 265);
+  --foreground: oklch(0.97 0.005 265);
+  --card: oklch(0.16 0.01 265 / 75%);
+  --card-foreground: oklch(0.97 0.005 265);
+  --popover: oklch(0.17 0.01 265);
+  --popover-foreground: oklch(0.97 0.005 265);
+
+  /* Brand Action — High-Voltage Neon Volt Green */
+  --primary: oklch(0.93 0.23 125);
+  --primary-foreground: oklch(0.14 0.02 125);
+  --secondary: oklch(0.22 0.012 265);
+  --secondary-foreground: oklch(0.92 0.008 265);
 
   /* Muted / Accent */
-  --muted: oklch(0.25 0.018 225);
-  --muted-foreground: oklch(0.68 0.02 210);
-  --accent: oklch(0.3 0.05 190);
-  --accent-foreground: oklch(0.88 0.1 180);
+  --muted: oklch(0.2 0.01 265);
+  --muted-foreground: oklch(0.65 0.015 265);
+  --accent: oklch(0.24 0.018 265);
+  --accent-foreground: oklch(0.93 0.23 125);
 
   /* Status & Clinical Feedback */
-  --destructive: oklch(0.68 0.19 22);
+  --destructive: oklch(0.68 0.2 25);
   --destructive-foreground: oklch(0.99 0 0);
-  --warning: oklch(0.8 0.15 75);
+  --warning: oklch(0.8 0.16 75);
   --warning-foreground: oklch(0.15 0.02 75);
-  --success: oklch(0.78 0.16 155);
-  --success-foreground: oklch(0.15 0.02 230);
-  --info: oklch(0.74 0.13 235);
+  --success: oklch(0.88 0.22 135);
+  --success-foreground: oklch(0.14 0.02 125);
+  --info: oklch(0.82 0.15 205);
   --info-foreground: oklch(0.15 0.02 230);
 
   /* Form & Interactive */
   --border: oklch(1 0 0 / 8%);
   --input: oklch(1 0 0 / 12%);
-  --ring: oklch(0.8 0.13 180);
+  --ring: oklch(0.93 0.23 125);
 
   /* Glassmorphism & Ambient Glow */
-  --glass: oklch(0.24 0.02 225 / 55%);
-  --glass-border: oklch(1 0 0 / 9%);
-  --glow: oklch(0.7 0.14 180 / 22%);
-  --glow-2: oklch(0.6 0.14 260 / 16%);
+  --glass: oklch(0.16 0.01 265 / 75%);
+  --glass-border: oklch(1 0 0 / 8%);
+  --glow: oklch(0.93 0.23 125 / 25%);
+  --glow-2: oklch(0.87 0.15 200 / 20%);
   --shadow-glass:
-    0 1px 0 0 oklch(1 0 0 / 5%) inset, 0 20px 50px -20px oklch(0 0 0 / 60%);
-  --surface: oklch(0.22 0.02 225 / 70%);
-  --surface-2: oklch(0.25 0.02 225);
-  --overlay: oklch(0.12 0.018 230 / 80%);
+    0 1px 0 0 oklch(1 0 0 / 8%) inset, 0 20px 50px -20px oklch(0 0 0 / 80%);
+  --surface: oklch(0.16 0.01 265);
+  --surface-2: oklch(0.2 0.012 265);
+  --overlay: oklch(0.1 0.006 265 / 85%);
 
   /* Navigation & Sidebar */
-  --sidebar: oklch(0.18 0.02 228 / 70%);
-  --sidebar-foreground: oklch(0.9 0.01 200);
-  --sidebar-primary: oklch(0.8 0.13 180);
-  --sidebar-primary-foreground: oklch(0.18 0.03 210);
-  --sidebar-accent: oklch(0.28 0.04 195);
-  --sidebar-accent-foreground: oklch(0.9 0.1 180);
-  --sidebar-border: oklch(1 0 0 / 6%);
-  --sidebar-ring: oklch(0.8 0.13 180);
-
-  /* ── VitalAI Clinical Telemetry & Macro Tokens ───────────────────────── */
-  --vital: oklch(0.82 0.16 160);
-  --vital-foreground: oklch(0.18 0.03 210);
-  --calories: oklch(0.76 0.16 50);
-  --protein: oklch(0.8 0.13 180);
-  --carbs: oklch(0.85 0.14 90);
-  --fats: oklch(0.74 0.16 350);
-  --water: oklch(0.74 0.13 235);
+  --sidebar: oklch(0.14 0.008 265 / 80%);
+  --sidebar-foreground: oklch(0.9 0.005 265);
+  --sidebar-primary: oklch(0.93 0.23 125);
+  --sidebar-primary-foreground: oklch(0.14 0.02 125);
+  --sidebar-accent: oklch(0.22 0.015 265);
+  --sidebar-accent-foreground: oklch(0.93 0.23 125);
+  --sidebar-border: oklch(1 0 0 / 7%);
+  --sidebar-ring: oklch(0.93 0.23 125);
+
+  /* ── VitalAI Kinetic Athletic Tokens ─────────────────────────────────── */
+  --volt: oklch(0.93 0.23 125);
+  --cyan: oklch(0.87 0.15 200);
+  --ember: oklch(0.7 0.21 45);
+  --slate-muscle: oklch(0.27 0.015 265);
 
   /* Visual Data Charts */
-  --chart-1: var(--protein);
-  --chart-2: var(--carbs);
-  --chart-3: var(--fats);
-  --chart-4: var(--calories);
-  --chart-5: var(--water);
+  --chart-1: var(--volt);
+  --chart-2: var(--cyan);
+  --chart-3: var(--ember);
+  --chart-4: oklch(0.75 0.18 290);
+  --chart-5: oklch(0.85 0.15 85);
+
+  /* ── VitalAI Typography Tokens ───────────────────────────────────────── */
+  --theme-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
+  --theme-font-display: "Barlow Condensed", "Inter", sans-serif;
+  --theme-font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  /* ── Athletic Density & Scaling ──────────────────────────────────────── */
+  --theme-font-size-root: 16px;
+  --theme-spacing: 0.25rem;
+
+  /* ── Sizing, Spacing & Layout Tokens ─────────────────────────────────── */
+  --control-height-xs: 2rem;
+  --control-height-sm: 2.25rem;
+  --control-height-md: 2.625rem;
+  --control-height-lg: 3rem;
+  --control-height-xl: 3.5rem;
+
+  --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.875rem;
+  --space-4: 1.125rem;
+  --space-5: 1.5rem;
+  --space-6: 1.875rem;
+  --space-8: 2.5rem;
+  --space-10: 3rem;
+  --card-padding: var(--space-5);
+  --dialog-padding: var(--space-6);
+  --form-field-gap: var(--space-4);
+  --section-gap: var(--space-6);
+  --table-row-padding-x: var(--space-5);
+  --table-row-padding-y: var(--space-4);
 }

package/package.json

@@ -1,7 +1,26 @@
 {
   "name": "@yuva-devlab/tokens",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Design tokens, brand themes, and Tailwind CSS 4 preset bridge for Yuva DevLab",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yuvadevlab/devlab-shared.git",
+    "directory": "packages/tokens"
+  },
+  "bugs": {
+    "url": "https://github.com/yuvadevlab/devlab-shared/issues"
+  },
+  "keywords": [
+    "design-tokens",
+    "tokens",
+    "tailwindcss",
+    "oklch",
+    "css-variables",
+    "vitalai",
+    "orchestrai",
+    "finai",
+    "devlab"
+  ],
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -36,13 +55,13 @@
   "license": "MIT",
   "devDependencies": {
     "@types/node": "^24.10.1",
+    "@yuva-devlab/eslint-config": "0.1.1",
+    "@yuva-devlab/prettier-config": "0.1.1",
+    "@yuva-devlab/typescript-config": "0.1.1",
     "eslint": "^9.39.1",
     "prettier": "^3.9.8",
     "tsup": "^8.5.1",
-    "typescript": "^6.0.3",
-    "@yuva-devlab/eslint-config": "0.1.1",
-    "@yuva-devlab/prettier-config": "0.1.1",
-    "@yuva-devlab/typescript-config": "0.1.1"
+    "typescript": "^6.0.3"
   },
   "publishConfig": {
     "access": "public"

package/styles/preset.css

@@ -96,6 +96,19 @@
   --section-gap: var(--space-5);
   --table-row-padding-x: var(--space-4);
   --table-row-padding-y: var(--space-3);
+
+  /* ── Typography Fallback Baseline ───────────────────────────────────── */
+  --theme-font-sans:
+    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --theme-font-display: var(--theme-font-sans);
+  --theme-font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  --theme-font-size-root: 16px;
+  --theme-spacing: 0.25rem;
 }
 
 .dark,
@@ -158,9 +171,28 @@
   --chart-3: oklch(0.75 0.12 70);
   --chart-4: oklch(0.8 0.14 80);
   --chart-5: oklch(0.65 0.18 25);
+
+  /* ── Typography Fallback Baseline ───────────────────────────────────── */
+  --theme-font-sans:
+    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --theme-font-display: var(--theme-font-sans);
+  --theme-font-mono:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  --theme-font-size-root: 16px;
+  --theme-spacing: 0.25rem;
 }
 
 @theme inline {
+  /* ── Typography & Spacing Tokens ────────────────────────────────── */
+  --font-sans: var(--font-sans);
+  --font-display: var(--font-display);
+  --font-mono: var(--font-mono);
+  --spacing: var(--theme-spacing, 0.25rem);
+
   /* ── Radii Mappings ─────────────────────────────────────────────── */
   --radius-sm: calc(var(--radius, 0.5rem) - 4px);
   --radius-md: calc(var(--radius, 0.5rem) - 2px);
@@ -221,14 +253,11 @@
   --color-chart-4: var(--chart-4);
   --color-chart-5: var(--chart-5);
 
-  /* ── VitalAI Clinical & Performance Telemetry Tokens ───────────── */
-  --color-vital: var(--vital);
-  --color-vital-foreground: var(--vital-foreground);
-  --color-calories: var(--calories);
-  --color-protein: var(--protein);
-  --color-carbs: var(--carbs);
-  --color-fats: var(--fats);
-  --color-water: var(--water);
+  /* ── VitalAI High-Performance Athletic & Kinetic Tokens ────────── */
+  --color-volt: var(--volt);
+  --color-cyan: var(--cyan);
+  --color-ember: var(--ember);
+  --color-slate-muscle: var(--slate-muscle);
   --color-glass: var(--glass);
   --color-glass-border: var(--glass-border);
 

package/styles/themes/finai.css

@@ -106,6 +106,20 @@
   --section-gap: var(--space-6);
   --table-row-padding-x: var(--space-6);
   --table-row-padding-y: var(--space-4);
+
+  /* ── FinAI Typography Tokens ─────────────────────────────────────────── */
+  --theme-font-sans:
+    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --theme-font-display:
+    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --theme-font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  /* ── Financial Wellness Scaling ──────────────────────────────────────── */
+  --theme-font-size-root: 16px;
+  --theme-spacing: 0.265rem;
 }
 
 /* ── FinAI Theme — Dark Mode ──────────────────────────────────────────── */
@@ -189,4 +203,47 @@
   --expense-foreground: var(--destructive-foreground);
   --investment: oklch(0.68 0.19 260);
   --investment-foreground: oklch(0.97 0.003 260);
+
+  /* ── Sizing, Spacing & Layout Tokens ───────────────────────────────────── */
+  --control-height-xs: 1.75rem;
+  --control-height-sm: 2rem;
+  --control-height-md: 2.375rem;
+  --control-height-lg: 2.75rem;
+  --control-height-xl: 3.25rem;
+
+  --icon-xs: 0.75rem;
+  --icon-sm: 0.875rem;
+  --icon-md: 1rem;
+  --icon-lg: 1.25rem;
+  --icon-xl: 1.5rem;
+
+  --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-5);
+  --dialog-padding: var(--space-6);
+  --form-field-gap: var(--space-4);
+  --section-gap: var(--space-6);
+  --table-row-padding-x: var(--space-6);
+  --table-row-padding-y: var(--space-4);
+
+  /* ── FinAI Typography Tokens ─────────────────────────────────────────── */
+  --theme-font-sans:
+    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --theme-font-display:
+    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --theme-font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  /* ── Financial Wellness Scaling ──────────────────────────────────────── */
+  --theme-font-size-root: 16px;
+  --theme-spacing: 0.265rem;
 }

package/styles/themes/logs.css

@@ -64,6 +64,48 @@
     oklch(0 0 0 / 5%) 1px,
     transparent 0
   );
+
+  /* ── DevLab Logs Typography Tokens ───────────────────────────────────── */
+  --theme-font-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
+  --theme-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
+  --theme-font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  /* ── High-Density Observability Scaling ──────────────────────────────── */
+  --theme-font-size-root: 14.5px;
+  --theme-spacing: 0.2rem;
+  --radius: 0.375rem;
+
+  /* ── Sizing, Spacing & Layout Tokens ─────────────────────────────────── */
+  --control-height-xs: 1.5rem;
+  --control-height-sm: 1.75rem;
+  --control-height-md: 2rem;
+  --control-height-lg: 2.25rem;
+  --control-height-xl: 2.5rem;
+
+  --icon-xs: 0.75rem;
+  --icon-sm: 0.875rem;
+  --icon-md: 1rem;
+  --icon-lg: 1.125rem;
+  --icon-xl: 1.25rem;
+
+  --space-1: 0.125rem;
+  --space-2: 0.25rem;
+  --space-3: 0.5rem;
+  --space-4: 0.75rem;
+  --space-5: 1rem;
+  --space-6: 1.25rem;
+  --space-8: 1.5rem;
+  --space-10: 2rem;
+
+  --card-padding: var(--space-3);
+  --dialog-padding: var(--space-4);
+  --form-field-gap: var(--space-2);
+  --section-gap: var(--space-4);
+  --table-row-padding-x: var(--space-3);
+  --table-row-padding-y: var(--space-2);
 }
 
 /* ── DevLab Logs Theme — Dark Mode ─────────────────────────────────────────── */
@@ -134,4 +176,46 @@
     oklch(1 0 0 / 4%) 1px,
     transparent 0
   );
+
+  /* ── DevLab Logs Typography Tokens ───────────────────────────────────── */
+  --theme-font-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
+  --theme-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
+  --theme-font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  /* ── High-Density Observability Scaling ──────────────────────────────── */
+  --theme-font-size-root: 14.5px;
+  --theme-spacing: 0.2rem;
+  --radius: 0.375rem;
+
+  /* ── Sizing, Spacing & Layout Tokens ─────────────────────────────────── */
+  --control-height-xs: 1.5rem;
+  --control-height-sm: 1.75rem;
+  --control-height-md: 2rem;
+  --control-height-lg: 2.25rem;
+  --control-height-xl: 2.5rem;
+
+  --icon-xs: 0.75rem;
+  --icon-sm: 0.875rem;
+  --icon-md: 1rem;
+  --icon-lg: 1.125rem;
+  --icon-xl: 1.25rem;
+
+  --space-1: 0.125rem;
+  --space-2: 0.25rem;
+  --space-3: 0.5rem;
+  --space-4: 0.75rem;
+  --space-5: 1rem;
+  --space-6: 1.25rem;
+  --space-8: 1.5rem;
+  --space-10: 2rem;
+
+  --card-padding: var(--space-3);
+  --dialog-padding: var(--space-4);
+  --form-field-gap: var(--space-2);
+  --section-gap: var(--space-4);
+  --table-row-padding-x: var(--space-3);
+  --table-row-padding-y: var(--space-2);
 }

package/styles/themes/orchestrai.css

@@ -98,6 +98,19 @@
   --section-gap: var(--space-5);
   --table-row-padding-x: var(--space-4);
   --table-row-padding-y: var(--space-3);
+
+  /* ── OrchestrAI Typography Tokens ─────────────────────────────────────── */
+  --theme-font-sans:
+    "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --theme-font-display: "Sora", ui-sans-serif, system-ui, sans-serif;
+  --theme-font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  /* ── Balanced Cybernetic Scaling ─────────────────────────────────────── */
+  --theme-font-size-root: 16px;
+  --theme-spacing: 0.25rem;
 }
 
 /* ── OrchestrAI Theme — Dark Mode ──────────────────────────────────────── */
@@ -202,4 +215,17 @@
   --section-gap: var(--space-5);
   --table-row-padding-x: var(--space-4);
   --table-row-padding-y: var(--space-3);
+
+  /* ── OrchestrAI Typography Tokens ─────────────────────────────────────── */
+  --theme-font-sans:
+    "Manrope", ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --theme-font-display: "Sora", ui-sans-serif, system-ui, sans-serif;
+  --theme-font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --font-sans: var(--theme-font-sans);
+  --font-display: var(--theme-font-display);
+  --font-mono: var(--theme-font-mono);
+
+  /* ── Balanced Cybernetic Scaling ─────────────────────────────────────── */
+  --theme-font-size-root: 16px;
+  --theme-spacing: 0.25rem;
 }