/* THOX UX tokens - generated. Do not edit by hand. */
:root {
  --thox-color-core-emerald-400: #37c77a;
  --thox-color-core-emerald-500: #05a451;
  --thox-color-core-emerald-600: #03763b;
  --thox-color-core-emerald-800: #064e2e;
  --thox-color-core-neon: #00ff88;
  --thox-color-core-zinc-50: #f9f9f9;
  --thox-color-core-zinc-400: #a1a1aa;
  --thox-color-core-zinc-450: #8b8b95;
  --thox-color-core-zinc-500: #71717a;
  --thox-color-core-zinc-700: #3f3f46;
  --thox-color-core-zinc-800: #27272a;
  --thox-color-core-zinc-900: #18181b;
  --thox-color-core-zinc-950: #09090b;
  --thox-color-core-purple-400: #c084fc;
  --thox-color-core-purple-500: #a855f7;
  --thox-color-core-amber: #f59e0b;
  --thox-color-core-red: #ef4444;
  --thox-color-core-blue: #3b82f6;
  --thox-color-core-white: #ffffff;
  --thox-color-core-black: #000000;
  --thox-color-core-mesh-canvas: #000000;
  --thox-color-core-mesh-surface: #050a0b;
  --thox-color-core-mesh-card: #091113;
  --thox-color-core-mesh-card-elevated: #0d1718;
  --thox-color-core-mesh-brand-soft: #06251b;
  --thox-color-core-mesh-border: #1f3430;
  --thox-color-core-mesh-text-secondary: #c7d0cc;
  --thox-color-core-mesh-text-muted: #87928e;
  --thox-color-core-mesh-warning: #facc15;
  --thox-color-core-mesh-info: #38bdf8;
  --thox-color-core-mesh-disabled: #2a3633;
  --thox-color-core-doc-canvas: #ffffff;
  --thox-color-core-doc-surface: #f3f4f6;
  --thox-color-core-doc-text: #000000;
  --thox-color-core-doc-text-secondary: #4b5563;
  --thox-color-core-doc-border: #d1d5db;
  --thox-color-core-chart-cat1: #059669;
  --thox-color-core-chart-cat2: #2563eb;
  --thox-color-core-chart-cat3: #d97706;
  --thox-color-core-chart-cat4: #db2777;
  --thox-color-core-amber-dark: #92400e;
  --thox-color-core-red-dark: #b91c1c;
  --thox-color-core-blue-dark: #1d4ed8;
  --thox-color-bg-canvas: #09090b;
  --thox-color-bg-surface: #18181b;
  --thox-color-bg-elevated: #27272a;
  --thox-color-border-default: #3f3f46;
  --thox-color-border-subtle: #27272a;
  --thox-color-border-focus: #05a451;
  --thox-color-text-primary: #f9f9f9;
  --thox-color-text-secondary: #a1a1aa;
  --thox-color-text-muted: #8b8b95;
  --thox-color-text-on-accent: #09090b;
  --thox-color-text-accent: #37c77a;
  --thox-color-text-code: #37c77a;
  --thox-color-brand-primary: #05a451;
  --thox-color-brand-hover: #37c77a;
  --thox-color-brand-active: #03763b;
  --thox-color-brand-neon: #00ff88;
  --thox-color-accent-magstack: #a855f7;
  --thox-color-accent-magstack-hover: #c084fc;
  --thox-color-state-success: #05a451;
  --thox-color-state-warning: #f59e0b;
  --thox-color-state-danger: #ef4444;
  --thox-color-state-info: #3b82f6;
  --thox-color-state-disabled: #3f3f46;
  --thox-color-focus-ring: #05a451;
  --thox-color-chart-cat1: #059669;
  --thox-color-chart-cat2: #2563eb;
  --thox-color-chart-cat3: #d97706;
  --thox-color-chart-cat4: #db2777;
  --thox-color-chart-other: #71717a;
  --thox-color-chart-grid: #27272a;
  --thox-color-state-text-success: #37c77a;
  --thox-color-state-text-warning: #f59e0b;
  --thox-color-state-text-danger: #ef4444;
  --thox-color-state-text-info: #3b82f6;
  --thox-space-0: 0px;
  --thox-space-1: 2px;
  --thox-space-2: 4px;
  --thox-space-3: 8px;
  --thox-space-4: 12px;
  --thox-space-5: 16px;
  --thox-space-6: 24px;
  --thox-space-7: 32px;
  --thox-space-8: 48px;
  --thox-space-9: 64px;
  --thox-space-10: 80px;
  --thox-space-11: 96px;
  --thox-radius-sm: 8px;
  --thox-radius-md: 12px;
  --thox-radius-lg: 16px;
  --thox-radius-full: 9999px;
  --thox-layout-container-max: 1280px;
  --thox-layout-header-height: 64px;
  --thox-layout-section-gap: 96px;
  --thox-target-touch: 44px;
  --thox-target-pointer: 32px;
  --thox-motion-duration-fast: 200ms;
  --thox-motion-duration-base: 300ms;
  --thox-motion-duration-slow: 500ms;
  --thox-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --thox-motion-stagger: 100ms;
  --thox-type-family-sans: Inter, system-ui, -apple-system, sans-serif;
  --thox-type-family-mono: JetBrains Mono, Fira Code, Cascadia Code, Consolas, monospace;
  --thox-type-family-platform-ios: SF Pro;
  --thox-type-family-platform-ios-mono: SF Mono;
  --thox-type-family-platform-android: Roboto;
  --thox-type-family-platform-android-mono: Roboto Mono;
  --thox-type-family-platform-windows: Segoe UI Variable;
  --thox-type-family-platform-windows-mono: Cascadia Mono;
  --thox-type-size-display-xl: 64px;
  --thox-type-size-display: 48px;
  --thox-type-size-h1: 36px;
  --thox-type-size-h2: 24px;
  --thox-type-size-h3: 20px;
  --thox-type-size-body: 16px;
  --thox-type-size-body-sm: 14px;
  --thox-type-size-caption: 12px;
  --thox-type-size-mono: 14px;
  --thox-type-size-device-label: 8px;
  --thox-type-line-height-display-xl: 72px;
  --thox-type-line-height-display: 56px;
  --thox-type-line-height-h1: 44px;
  --thox-type-line-height-h2: 32px;
  --thox-type-line-height-h3: 28px;
  --thox-type-line-height-body: 24px;
  --thox-type-line-height-body-sm: 20px;
  --thox-type-line-height-caption: 16px;
  --thox-type-weight-regular: 400;
  --thox-type-weight-medium: 500;
  --thox-type-weight-semibold: 600;
  --thox-type-weight-bold: 700;
  --thox-type-weight-extrabold: 800;
  --thox-type-tracking-tight: -0.02em;
  --thox-type-tracking-wide: 2px;
  --thox-role-device-origin: Origin;
  --thox-role-device-lead-device: Lead Device;
  --thox-role-device-inference-node: Inference Node;
  --thox-role-device-anchor: Anchor;
  --thox-role-device-state-online: #05a451;
  --thox-role-device-state-active: #00ff88;
  --thox-role-device-state-degraded: #f59e0b;
  --thox-role-device-state-offline: #71717a;
}

[data-theme="doc"] {
  --thox-color-bg-canvas: #ffffff;
  --thox-color-bg-surface: #f3f4f6;
  --thox-color-bg-elevated: #f3f4f6;
  --thox-color-border-default: #d1d5db;
  --thox-color-border-subtle: #d1d5db;
  --thox-color-text-primary: #000000;
  --thox-color-text-secondary: #4b5563;
  --thox-color-text-muted: #4b5563;
  --thox-color-text-on-accent: #000000;
  --thox-color-text-accent: #064e2e;
  --thox-color-text-code: #03763b;
  --thox-color-state-text-success: #064e2e;
  --thox-color-state-text-warning: #92400e;
  --thox-color-state-text-danger: #b91c1c;
  --thox-color-state-text-info: #1d4ed8;
  --thox-type-family-sans: Xolonium, Calibri, system-ui, sans-serif;
}

[data-theme="meshstack"] {
  --thox-color-bg-canvas: #000000;
  --thox-color-bg-surface: #091113;
  --thox-color-bg-elevated: #0d1718;
  --thox-color-border-default: #1f3430;
  --thox-color-border-subtle: #050a0b;
  --thox-color-text-secondary: #c7d0cc;
  --thox-color-text-muted: #87928e;
  --thox-color-brand-soft: #06251b;
  --thox-color-state-warning: #facc15;
  --thox-color-state-info: #38bdf8;
  --thox-color-state-disabled: #2a3633;
}