:root {
  --nx-token-typography-fontfamilybase: 'IBM Plex Sans', sans-serif;
  --nx-token-typography-fontfamilycode: 'JetBrains Mono', monospace;
  --nx-token-typography-display: 3rem;
  --nx-token-typography-h1: 2.25rem;
  --nx-token-typography-h2: 1.875rem;
  --nx-token-typography-h3: 1.5rem;
  --nx-token-typography-h4: 1.25rem;
  --nx-token-typography-h5: 1.125rem;
  --nx-token-typography-bodyxl: 1.125rem;
  --nx-token-typography-body: 1rem;
  --nx-token-typography-small: 0.875rem;
  --nx-token-typography-caption: 0.75rem;
  --nx-token-typography-code: 0.875rem;
  --nx-token-spacing-xs: 0.25rem;
  --nx-token-spacing-sm: 0.5rem;
  --nx-token-spacing-md: 0.75rem;
  --nx-token-spacing-lg: 1rem;
  --nx-token-spacing-xl: 1.5rem;
  --nx-token-spacing-2xl: 2rem;
  --nx-token-radius-sm: 0.25rem;
  --nx-token-radius-md: 0.5rem;
  --nx-token-radius-lg: 0.75rem;
  --nx-token-radius-pill: 9999px;
  --nx-token-shadow-sm: 0 1px 2px rgba(2, 6, 23, 0.08);
  --nx-token-shadow-md: 0 8px 20px rgba(2, 6, 23, 0.12);
  --nx-token-shadow-lg: 0 14px 30px rgba(2, 6, 23, 0.16);
  --nx-token-opacity-disabled: 0.5;
  --nx-token-opacity-muted: 0.7;
  --nx-token-animation-fast: 120ms;
  --nx-token-animation-base: 180ms;
  --nx-token-animation-slow: 260ms;
  --nx-token-transition-easing: cubic-bezier(0.2, 0.8, 0.2, 1);
  --nx-token-breakpoints-mobile: 480px;
  --nx-token-breakpoints-tablet: 768px;
  --nx-token-breakpoints-laptop: 1024px;
  --nx-token-breakpoints-desktop: 1280px;
  --nx-token-breakpoints-ultrawide: 1536px;
  --nx-token-zindex-dropdown: 1000;
  --nx-token-zindex-sticky: 1020;
  --nx-token-zindex-modal: 1100;
  --nx-token-zindex-toast: 1200;
  --nx-token-zindex-tooltip: 1300;
  --nx-color-primary: #2563eb;
  --nx-color-secondary: #0f766e;
  --nx-color-background: #ffffff;
  --nx-color-surface: #f8fafc;
  --nx-color-text: #0f172a;
  --nx-color-muted: #64748b;
  --nx-color-success: #16a34a;
  --nx-color-warning: #d97706;
  --nx-color-danger: #dc2626;
  --nx-color-border: #e2e8f0;
}