@vorionsys/shared-constants 1.0.0

package/src/rate-limits.ts

@@ -0,0 +1,334 @@
+/**
+ * @vorionsys/shared-constants - Rate Limits
+ *
+ * Rate limits by trust tier - used across all APIs
+ * Higher trust = higher limits
+ *
+ * @see https://cognigate.dev/docs/rate-limits
+ */
+
+import { TrustTier } from './tiers.js';
+
+// =============================================================================
+// RATE LIMIT DEFINITIONS
+// =============================================================================
+
+export interface RateLimitConfig {
+  /** Requests per second */
+  requestsPerSecond: number;
+
+  /** Requests per minute */
+  requestsPerMinute: number;
+
+  /** Requests per hour */
+  requestsPerHour: number;
+
+  /** Requests per day */
+  requestsPerDay: number;
+
+  /** Burst limit (max concurrent) */
+  burstLimit: number;
+
+  /** Max payload size in bytes */
+  maxPayloadBytes: number;
+
+  /** Max response size in bytes */
+  maxResponseBytes: number;
+
+  /** Connection timeout in ms */
+  connectionTimeoutMs: number;
+
+  /** Request timeout in ms */
+  requestTimeoutMs: number;
+}
+
+// =============================================================================
+// RATE LIMITS BY TIER
+// =============================================================================
+
+export const RATE_LIMITS: Record<TrustTier, RateLimitConfig> = {
+  [TrustTier.T0_SANDBOX]: {
+    requestsPerSecond: 1,
+    requestsPerMinute: 10,
+    requestsPerHour: 100,
+    requestsPerDay: 500,
+    burstLimit: 2,
+    maxPayloadBytes: 1024 * 10,        // 10 KB
+    maxResponseBytes: 1024 * 100,      // 100 KB
+    connectionTimeoutMs: 5000,
+    requestTimeoutMs: 10000,
+  },
+
+  [TrustTier.T1_OBSERVED]: {
+    requestsPerSecond: 2,
+    requestsPerMinute: 30,
+    requestsPerHour: 500,
+    requestsPerDay: 2000,
+    burstLimit: 5,
+    maxPayloadBytes: 1024 * 50,        // 50 KB
+    maxResponseBytes: 1024 * 500,      // 500 KB
+    connectionTimeoutMs: 5000,
+    requestTimeoutMs: 15000,
+  },
+
+  [TrustTier.T2_PROVISIONAL]: {
+    requestsPerSecond: 5,
+    requestsPerMinute: 100,
+    requestsPerHour: 2000,
+    requestsPerDay: 10000,
+    burstLimit: 10,
+    maxPayloadBytes: 1024 * 100,       // 100 KB
+    maxResponseBytes: 1024 * 1024,     // 1 MB
+    connectionTimeoutMs: 10000,
+    requestTimeoutMs: 30000,
+  },
+
+  [TrustTier.T3_MONITORED]: {
+    requestsPerSecond: 10,
+    requestsPerMinute: 300,
+    requestsPerHour: 5000,
+    requestsPerDay: 50000,
+    burstLimit: 20,
+    maxPayloadBytes: 1024 * 500,       // 500 KB
+    maxResponseBytes: 1024 * 1024 * 5, // 5 MB
+    connectionTimeoutMs: 10000,
+    requestTimeoutMs: 60000,
+  },
+
+  [TrustTier.T4_STANDARD]: {
+    requestsPerSecond: 20,
+    requestsPerMinute: 600,
+    requestsPerHour: 10000,
+    requestsPerDay: 100000,
+    burstLimit: 50,
+    maxPayloadBytes: 1024 * 1024,      // 1 MB
+    maxResponseBytes: 1024 * 1024 * 10, // 10 MB
+    connectionTimeoutMs: 15000,
+    requestTimeoutMs: 120000,
+  },
+
+  [TrustTier.T5_TRUSTED]: {
+    requestsPerSecond: 50,
+    requestsPerMinute: 1500,
+    requestsPerHour: 30000,
+    requestsPerDay: 300000,
+    burstLimit: 100,
+    maxPayloadBytes: 1024 * 1024 * 5,  // 5 MB
+    maxResponseBytes: 1024 * 1024 * 50, // 50 MB
+    connectionTimeoutMs: 30000,
+    requestTimeoutMs: 300000,
+  },
+
+  [TrustTier.T6_CERTIFIED]: {
+    requestsPerSecond: 100,
+    requestsPerMinute: 3000,
+    requestsPerHour: 100000,
+    requestsPerDay: 1000000,
+    burstLimit: 200,
+    maxPayloadBytes: 1024 * 1024 * 10, // 10 MB
+    maxResponseBytes: 1024 * 1024 * 100, // 100 MB
+    connectionTimeoutMs: 60000,
+    requestTimeoutMs: 600000,
+  },
+
+  [TrustTier.T7_AUTONOMOUS]: {
+    requestsPerSecond: 500,
+    requestsPerMinute: 10000,
+    requestsPerHour: 500000,
+    requestsPerDay: 5000000,
+    burstLimit: 500,
+    maxPayloadBytes: 1024 * 1024 * 50, // 50 MB
+    maxResponseBytes: 1024 * 1024 * 500, // 500 MB
+    connectionTimeoutMs: 120000,
+    requestTimeoutMs: 1200000,
+  },
+} as const;
+
+// =============================================================================
+// HELPER FUNCTIONS
+// =============================================================================
+
+/**
+ * Get rate limits for a trust tier
+ */
+export function getRateLimits(tier: TrustTier): RateLimitConfig {
+  return RATE_LIMITS[tier];
+}
+
+/**
+ * Get the minimum tier required for specific rate limits
+ */
+export function getMinTierForLimits(config: {
+  requestsPerSecond?: number;
+  requestsPerMinute?: number;
+  requestsPerHour?: number;
+  requestsPerDay?: number;
+}): TrustTier {
+  const tiers = Object.values(TrustTier).filter(t => typeof t === 'number') as TrustTier[];
+
+  for (const tier of tiers) {
+    const limits = RATE_LIMITS[tier];
+    if (
+      (config.requestsPerSecond === undefined || limits.requestsPerSecond >= config.requestsPerSecond) &&
+      (config.requestsPerMinute === undefined || limits.requestsPerMinute >= config.requestsPerMinute) &&
+      (config.requestsPerHour === undefined || limits.requestsPerHour >= config.requestsPerHour) &&
+      (config.requestsPerDay === undefined || limits.requestsPerDay >= config.requestsPerDay)
+    ) {
+      return tier;
+    }
+  }
+
+  return TrustTier.T7_AUTONOMOUS;
+}
+
+/**
+ * Check if a rate limit would be exceeded
+ */
+export function wouldExceedLimit(
+  tier: TrustTier,
+  window: 'second' | 'minute' | 'hour' | 'day',
+  currentCount: number,
+): boolean {
+  const limits = RATE_LIMITS[tier];
+  switch (window) {
+    case 'second':
+      return currentCount >= limits.requestsPerSecond;
+    case 'minute':
+      return currentCount >= limits.requestsPerMinute;
+    case 'hour':
+      return currentCount >= limits.requestsPerHour;
+    case 'day':
+      return currentCount >= limits.requestsPerDay;
+  }
+}
+
+/**
+ * Format rate limit for display
+ */
+export function formatRateLimit(tier: TrustTier): string {
+  const limits = RATE_LIMITS[tier];
+  return `${limits.requestsPerSecond}/s, ${limits.requestsPerMinute}/min, ${limits.requestsPerHour}/hr`;
+}
+
+// =============================================================================
+// QUOTA DEFINITIONS (for billing/usage)
+// =============================================================================
+
+export interface QuotaConfig {
+  /** Monthly API calls included */
+  monthlyApiCalls: number;
+
+  /** Monthly compute units included */
+  monthlyComputeUnits: number;
+
+  /** Monthly storage (bytes) */
+  monthlyStorageBytes: number;
+
+  /** Monthly bandwidth (bytes) */
+  monthlyBandwidthBytes: number;
+
+  /** Max agents allowed */
+  maxAgents: number;
+
+  /** Max webhooks */
+  maxWebhooks: number;
+
+  /** Max team members */
+  maxTeamMembers: number;
+}
+
+export const TIER_QUOTAS: Record<TrustTier, QuotaConfig> = {
+  [TrustTier.T0_SANDBOX]: {
+    monthlyApiCalls: 1000,
+    monthlyComputeUnits: 100,
+    monthlyStorageBytes: 1024 * 1024 * 10,      // 10 MB
+    monthlyBandwidthBytes: 1024 * 1024 * 100,   // 100 MB
+    maxAgents: 1,
+    maxWebhooks: 1,
+    maxTeamMembers: 1,
+  },
+
+  [TrustTier.T1_OBSERVED]: {
+    monthlyApiCalls: 10000,
+    monthlyComputeUnits: 1000,
+    monthlyStorageBytes: 1024 * 1024 * 100,     // 100 MB
+    monthlyBandwidthBytes: 1024 * 1024 * 1024,  // 1 GB
+    maxAgents: 5,
+    maxWebhooks: 5,
+    maxTeamMembers: 3,
+  },
+
+  [TrustTier.T2_PROVISIONAL]: {
+    monthlyApiCalls: 50000,
+    monthlyComputeUnits: 5000,
+    monthlyStorageBytes: 1024 * 1024 * 500,     // 500 MB
+    monthlyBandwidthBytes: 1024 * 1024 * 1024 * 5, // 5 GB
+    maxAgents: 10,
+    maxWebhooks: 10,
+    maxTeamMembers: 5,
+  },
+
+  [TrustTier.T3_MONITORED]: {
+    monthlyApiCalls: 250000,
+    monthlyComputeUnits: 25000,
+    monthlyStorageBytes: 1024 * 1024 * 1024 * 2, // 2 GB
+    monthlyBandwidthBytes: 1024 * 1024 * 1024 * 25, // 25 GB
+    maxAgents: 50,
+    maxWebhooks: 25,
+    maxTeamMembers: 10,
+  },
+
+  [TrustTier.T4_STANDARD]: {
+    monthlyApiCalls: 1000000,
+    monthlyComputeUnits: 100000,
+    monthlyStorageBytes: 1024 * 1024 * 1024 * 10, // 10 GB
+    monthlyBandwidthBytes: 1024 * 1024 * 1024 * 100, // 100 GB
+    maxAgents: 200,
+    maxWebhooks: 50,
+    maxTeamMembers: 25,
+  },
+
+  [TrustTier.T5_TRUSTED]: {
+    monthlyApiCalls: 5000000,
+    monthlyComputeUnits: 500000,
+    monthlyStorageBytes: 1024 * 1024 * 1024 * 50, // 50 GB
+    monthlyBandwidthBytes: 1024 * 1024 * 1024 * 500, // 500 GB
+    maxAgents: 1000,
+    maxWebhooks: 100,
+    maxTeamMembers: 50,
+  },
+
+  [TrustTier.T6_CERTIFIED]: {
+    monthlyApiCalls: 25000000,
+    monthlyComputeUnits: 2500000,
+    monthlyStorageBytes: 1024 * 1024 * 1024 * 250, // 250 GB
+    monthlyBandwidthBytes: 1024 * 1024 * 1024 * 2500, // 2.5 TB
+    maxAgents: 5000,
+    maxWebhooks: 250,
+    maxTeamMembers: 100,
+  },
+
+  [TrustTier.T7_AUTONOMOUS]: {
+    monthlyApiCalls: -1, // Unlimited
+    monthlyComputeUnits: -1, // Unlimited
+    monthlyStorageBytes: 1024 * 1024 * 1024 * 1024, // 1 TB
+    monthlyBandwidthBytes: 1024 * 1024 * 1024 * 10000, // 10 TB
+    maxAgents: -1, // Unlimited
+    maxWebhooks: -1, // Unlimited
+    maxTeamMembers: -1, // Unlimited
+  },
+} as const;
+
+/**
+ * Get quota for a tier
+ */
+export function getQuota(tier: TrustTier): QuotaConfig {
+  return TIER_QUOTAS[tier];
+}
+
+/**
+ * Check if quota is unlimited (-1)
+ */
+export function isUnlimited(value: number): boolean {
+  return value === -1;
+}

package/src/themes.ts

@@ -0,0 +1,380 @@
+/**
+ * Unified Theme System for the Vorion Ecosystem
+ *
+ * Controls the visual identity across all three sites:
+ * - cognigate.dev (Developer Engine)
+ * - agentanchorai.com (Enterprise Platform)
+ * - vorion.org (Community / Standard)
+ *
+ * QUICK SWAP: Change ACTIVE_THEME to switch all sites at once.
+ */
+
+// =============================================================================
+// ACTIVE THEME — CHANGE THIS ONE LINE TO SWAP ALL SITES
+// =============================================================================
+
+export const ACTIVE_THEME: ThemeId = 'midnight_cyan';
+
+// =============================================================================
+// THEME DEFINITIONS
+// =============================================================================
+
+export type ThemeId =
+  | 'midnight_cyan'
+  | 'indigo_authority'
+  | 'obsidian_amber'
+  | 'arctic_glass';
+
+export interface ThemeTokens {
+  /** Theme display name */
+  name: string;
+  /** Short description for team review */
+  description: string;
+
+  // ── Backgrounds ──────────────────────────────────────────────
+  /** Page background */
+  bgPrimary: string;
+  /** Card / surface background */
+  bgSurface: string;
+  /** Input / recessed background */
+  bgInput: string;
+  /** Nav background */
+  bgNav: string;
+  /** Code block background */
+  bgCode: string;
+
+  // ── Accent Colors ────────────────────────────────────────────
+  /** Primary accent (buttons, links, active states) */
+  accent: string;
+  /** Accent hover state */
+  accentHover: string;
+  /** Accent at 10% opacity (badges, subtle fills) */
+  accentMuted: string;
+  /** Accent at 3% opacity (table row hover) */
+  accentSubtle: string;
+
+  // ── Text Colors ──────────────────────────────────────────────
+  /** Primary body text */
+  textPrimary: string;
+  /** Headings */
+  textHeading: string;
+  /** Secondary/muted text */
+  textSecondary: string;
+  /** Tertiary/subtle text */
+  textTertiary: string;
+
+  // ── Borders ──────────────────────────────────────────────────
+  /** Card/section borders */
+  border: string;
+  /** Input borders */
+  borderInput: string;
+  /** Hover border for interactive cards */
+  borderHover: string;
+  /** Nav/section divider border (Tailwind opacity format) */
+  borderDivider: string;
+
+  // ── Gradients ────────────────────────────────────────────────
+  /** Hero text gradient start */
+  gradientFrom: string;
+  /** Hero text gradient end */
+  gradientTo: string;
+
+  // ── Scrollbar ────────────────────────────────────────────────
+  scrollTrack: string;
+  scrollThumb: string;
+  scrollThumbHover: string;
+
+  // ── Selection ────────────────────────────────────────────────
+  selectionBg: string;
+
+  // ── Semantic (unchanged across themes) ───────────────────────
+  /** Kept consistent for meaning — these don't change with theme */
+  success: string;
+  error: string;
+  warning: string;
+  info: string;
+
+  // ── Layer Colors (BASIS stack identity — consistent) ─────────
+  layerBasis: string;
+  layerIntent: string;
+  layerEnforce: string;
+  layerProof: string;
+
+  // ── Font ─────────────────────────────────────────────────────
+  fontFamily: string;
+  /** Tailwind-compatible font class for Next.js sites */
+  fontImport: string;
+
+  // ── Card Effects ─────────────────────────────────────────────
+  /** Whether to apply backdrop-blur to cards */
+  cardBlur: boolean;
+  /** Button text color (on accent background) */
+  buttonText: string;
+}
+
+export const THEMES: Record<ThemeId, ThemeTokens> = {
+  // ═══════════════════════════════════════════════════════════════
+  // OPTION 1: MIDNIGHT CYAN — Current look, standardized
+  // ═══════════════════════════════════════════════════════════════
+  midnight_cyan: {
+    name: 'Midnight Cyan',
+    description: 'Developer-native. Terminal-adjacent. The current look, unified.',
+
+    bgPrimary: '#0a0a0f',
+    bgSurface: '#111118',
+    bgInput: '#0d0d14',
+    bgNav: '#111118',
+    bgCode: '#0d0d14',
+
+    accent: '#06b6d4',
+    accentHover: '#22d3ee',
+    accentMuted: 'rgba(6, 182, 212, 0.1)',
+    accentSubtle: 'rgba(6, 182, 212, 0.03)',
+
+    textPrimary: '#e0e0e6',
+    textHeading: '#ffffff',
+    textSecondary: '#888888',
+    textTertiary: '#666666',
+
+    border: '#1e1e2e',
+    borderInput: '#2a2a3a',
+    borderHover: 'rgba(6, 182, 212, 0.4)',
+    borderDivider: 'rgba(255, 255, 255, 0.05)',
+
+    gradientFrom: '#06b6d4',
+    gradientTo: '#2dd4bf',
+
+    scrollTrack: '#0a0a0f',
+    scrollThumb: '#333340',
+    scrollThumbHover: '#06b6d4',
+
+    selectionBg: 'rgba(6, 182, 212, 0.3)',
+
+    success: '#22c55e',
+    error: '#ef4444',
+    warning: '#f97316',
+    info: '#3b82f6',
+
+    layerBasis: '#fbbf24',
+    layerIntent: '#60a5fa',
+    layerEnforce: '#818cf8',
+    layerProof: '#34d399',
+
+    fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+    fontImport: 'Inter',
+    cardBlur: false,
+    buttonText: '#000000',
+  },
+
+  // ═══════════════════════════════════════════════════════════════
+  // OPTION 2: INDIGO AUTHORITY — Governance-forward, institutional
+  // ═══════════════════════════════════════════════════════════════
+  indigo_authority: {
+    name: 'Indigo Authority',
+    description: 'Institutional. Authoritative. Governance-forward.',
+
+    bgPrimary: '#07070d',
+    bgSurface: '#12121f',
+    bgInput: '#0c0c18',
+    bgNav: '#12121f',
+    bgCode: '#0c0c18',
+
+    accent: '#818cf8',
+    accentHover: '#a5b4fc',
+    accentMuted: 'rgba(129, 140, 248, 0.1)',
+    accentSubtle: 'rgba(129, 140, 248, 0.03)',
+
+    textPrimary: '#dcdce6',
+    textHeading: '#ffffff',
+    textSecondary: '#8888a0',
+    textTertiary: '#666680',
+
+    border: '#1e1e30',
+    borderInput: '#2a2a40',
+    borderHover: 'rgba(129, 140, 248, 0.4)',
+    borderDivider: 'rgba(255, 255, 255, 0.05)',
+
+    gradientFrom: '#818cf8',
+    gradientTo: '#c084fc',
+
+    scrollTrack: '#07070d',
+    scrollThumb: '#2a2a40',
+    scrollThumbHover: '#818cf8',
+
+    selectionBg: 'rgba(129, 140, 248, 0.3)',
+
+    success: '#22c55e',
+    error: '#ef4444',
+    warning: '#f97316',
+    info: '#3b82f6',
+
+    layerBasis: '#fbbf24',
+    layerIntent: '#60a5fa',
+    layerEnforce: '#818cf8',
+    layerProof: '#34d399',
+
+    fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+    fontImport: 'Inter',
+    cardBlur: false,
+    buttonText: '#000000',
+  },
+
+  // ═══════════════════════════════════════════════════════════════
+  // OPTION 3: OBSIDIAN AMBER — Warm, premium, "gold standard"
+  // ═══════════════════════════════════════════════════════════════
+  obsidian_amber: {
+    name: 'Obsidian Amber',
+    description: 'Premium. Warm. The gold standard of AI governance.',
+
+    bgPrimary: '#0a0a08',
+    bgSurface: '#141410',
+    bgInput: '#0d0d0a',
+    bgNav: '#141410',
+    bgCode: '#0d0d0a',
+
+    accent: '#f59e0b',
+    accentHover: '#fbbf24',
+    accentMuted: 'rgba(245, 158, 11, 0.1)',
+    accentSubtle: 'rgba(245, 158, 11, 0.03)',
+
+    textPrimary: '#e6e0d6',
+    textHeading: '#ffffff',
+    textSecondary: '#8a8478',
+    textTertiary: '#666058',
+
+    border: '#2a2820',
+    borderInput: '#3a3830',
+    borderHover: 'rgba(245, 158, 11, 0.4)',
+    borderDivider: 'rgba(255, 255, 255, 0.05)',
+
+    gradientFrom: '#f59e0b',
+    gradientTo: '#f97316',
+
+    scrollTrack: '#0a0a08',
+    scrollThumb: '#3a3830',
+    scrollThumbHover: '#f59e0b',
+
+    selectionBg: 'rgba(245, 158, 11, 0.3)',
+
+    success: '#22c55e',
+    error: '#ef4444',
+    warning: '#f97316',
+    info: '#3b82f6',
+
+    layerBasis: '#fbbf24',
+    layerIntent: '#60a5fa',
+    layerEnforce: '#818cf8',
+    layerProof: '#34d399',
+
+    fontFamily: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+    fontImport: 'Inter',
+    cardBlur: false,
+    buttonText: '#000000',
+  },
+
+  // ═══════════════════════════════════════════════════════════════
+  // OPTION 4: ARCTIC GLASS — Modern SaaS, frosted glass
+  // ═══════════════════════════════════════════════════════════════
+  arctic_glass: {
+    name: 'Arctic Glass',
+    description: 'Modern SaaS. Clean. Frosted glass depth.',
+
+    bgPrimary: '#0c0c14',
+    bgSurface: 'rgba(255, 255, 255, 0.04)',
+    bgInput: 'rgba(0, 0, 0, 0.3)',
+    bgNav: 'rgba(12, 12, 20, 0.8)',
+    bgCode: 'rgba(0, 0, 0, 0.3)',
+
+    accent: '#38bdf8',
+    accentHover: '#7dd3fc',
+    accentMuted: 'rgba(56, 189, 248, 0.1)',
+    accentSubtle: 'rgba(56, 189, 248, 0.03)',
+
+    textPrimary: '#e2e8f0',
+    textHeading: '#f8fafc',
+    textSecondary: '#94a3b8',
+    textTertiary: '#64748b',
+
+    border: 'rgba(255, 255, 255, 0.08)',
+    borderInput: 'rgba(255, 255, 255, 0.12)',
+    borderHover: 'rgba(56, 189, 248, 0.4)',
+    borderDivider: 'rgba(255, 255, 255, 0.05)',
+
+    gradientFrom: '#38bdf8',
+    gradientTo: '#06b6d4',
+
+    scrollTrack: '#0c0c14',
+    scrollThumb: 'rgba(255, 255, 255, 0.1)',
+    scrollThumbHover: '#38bdf8',
+
+    selectionBg: 'rgba(56, 189, 248, 0.3)',
+
+    success: '#22c55e',
+    error: '#ef4444',
+    warning: '#f97316',
+    info: '#3b82f6',
+
+    layerBasis: '#fbbf24',
+    layerIntent: '#60a5fa',
+    layerEnforce: '#818cf8',
+    layerProof: '#34d399',
+
+    fontFamily: "'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+    fontImport: 'Geist',
+    cardBlur: true,
+    buttonText: '#000000',
+  },
+};
+
+// =============================================================================
+// HELPERS
+// =============================================================================
+
+/** Get the currently active theme tokens */
+export function getActiveTheme(): ThemeTokens {
+  return THEMES[ACTIVE_THEME];
+}
+
+/** Get all theme IDs */
+export function getAllThemeIds(): ThemeId[] {
+  return Object.keys(THEMES) as ThemeId[];
+}
+
+/** Generate CSS custom properties string from a theme */
+export function themeToCssVars(themeId: ThemeId = ACTIVE_THEME): string {
+  const t = THEMES[themeId];
+  return `
+    --bg-primary: ${t.bgPrimary};
+    --bg-surface: ${t.bgSurface};
+    --bg-input: ${t.bgInput};
+    --bg-nav: ${t.bgNav};
+    --bg-code: ${t.bgCode};
+    --accent: ${t.accent};
+    --accent-hover: ${t.accentHover};
+    --accent-muted: ${t.accentMuted};
+    --accent-subtle: ${t.accentSubtle};
+    --text-primary: ${t.textPrimary};
+    --text-heading: ${t.textHeading};
+    --text-secondary: ${t.textSecondary};
+    --text-tertiary: ${t.textTertiary};
+    --border: ${t.border};
+    --border-input: ${t.borderInput};
+    --border-hover: ${t.borderHover};
+    --border-divider: ${t.borderDivider};
+    --gradient-from: ${t.gradientFrom};
+    --gradient-to: ${t.gradientTo};
+    --scroll-track: ${t.scrollTrack};
+    --scroll-thumb: ${t.scrollThumb};
+    --scroll-thumb-hover: ${t.scrollThumbHover};
+    --selection-bg: ${t.selectionBg};
+    --success: ${t.success};
+    --error: ${t.error};
+    --warning: ${t.warning};
+    --info: ${t.info};
+    --layer-basis: ${t.layerBasis};
+    --layer-intent: ${t.layerIntent};
+    --layer-enforce: ${t.layerEnforce};
+    --layer-proof: ${t.layerProof};
+    --btn-text: ${t.buttonText};
+  `.trim();
+}