trellis/dist/ui/theme/foundation.css

Agentic State Engine — event-sourced causal graph with branching, decision traces, and realtime sync for AI-native applications

/**
 * Foundation tokens — raw oklch palette values.
 * These never change across themes. They are the source of truth for the color system.
 * @module @trellis.computer/tokens
 */
:root {
  /* Blue scale (accent / interactive) */
  --color-blue-400: oklch(0.7 0.15 240);
  --color-blue-500: oklch(0.6 0.2 240);
  --color-blue-600: oklch(0.5 0.2 240);

  /* Green scale (success) */
  --color-green-400: oklch(0.7 0.15 150);
  --color-green-500: oklch(0.55 0.2 150);

  /* Yellow scale (warning) */
  --color-yellow-400: oklch(0.8 0.15 80);
  --color-yellow-500: oklch(0.65 0.2 80);

  /* Red scale (critical) */
  --color-red-400: oklch(0.65 0.2 25);
  --color-red-500: oklch(0.5 0.25 25);

  /* Purple scale (info) */
  --color-purple-400: oklch(0.7 0.15 300);
  --color-purple-500: oklch(0.55 0.15 300);

  /* Neutral scale (text, surfaces, borders) */
  --color-gray-50: oklch(0.98 0.005 260);
  --color-gray-100: oklch(0.95 0.008 260);
  --color-gray-200: oklch(0.85 0.01 260);
  --color-gray-300: oklch(0.7 0.01 260);
  --color-gray-400: oklch(0.55 0.01 260);
  --color-gray-500: oklch(0.45 0.01 260);
  --color-gray-600: oklch(0.35 0.015 260);
  --color-gray-700: oklch(0.25 0.015 260);
  --color-gray-800: oklch(0.18 0.015 260);
  --color-gray-900: oklch(0.12 0.01 260);
  --color-gray-950: oklch(0.08 0.01 260);
}