:root {
  --primitive-color-neutral-50: #ffffff;
  --primitive-color-neutral-100: #e5e5e5;
  --primitive-color-neutral-200: #888888;
  --primitive-color-neutral-300: #6b7280;
  --primitive-color-neutral-400: #3a3a3a;
  --primitive-color-neutral-500: #2a2a2a;
  --primitive-color-neutral-600: #252525;
  --primitive-color-neutral-700: #222222;
  --primitive-color-neutral-800: #1a1a1a;
  --primitive-color-neutral-900: #111111;
  --primitive-color-neutral-950: #0f0f0f;
  --primitive-color-neutral-black: #000000;
  --primitive-color-accent-cyan: #54e8f3;
  --primitive-color-accent-cyan-hover: #7ef9ff;
  --primitive-color-accent-yellow: #f5a623;
  --primitive-color-accent-red: #ef4444;
  --primitive-color-accent-red-hover: #f87171;
  --primitive-color-accent-green: #4ade80;
  --primitive-color-accent-blue: #60a5fa;
  --primitive-font-family-primary: Roboto;
  --primitive-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --primitive-font-size-2xs: 10px;
  --primitive-font-size-xs: 12px;
  --primitive-font-size-sm: 14px;
  --primitive-font-size-base: 16px;
  --primitive-font-size-lg: 18px;
  --primitive-font-size-xl: 20px;
  --primitive-font-size-2xl: 24px;
  --primitive-font-size-3xl: 30px;
  --primitive-font-weight-light: 300;
  --primitive-font-weight-regular: 400;
  --primitive-font-weight-medium: 500;
  --primitive-font-weight-bold: 700;
  --primitive-font-line-height-none: 100%;
  --primitive-font-line-height-tight: 125%;
  --primitive-font-line-height-normal: 150%;
  --primitive-font-line-height-relaxed: 162.5%;
  --primitive-font-letter-spacing-tight: -0.025em;
  --primitive-font-letter-spacing-normal: 0;
  --primitive-font-letter-spacing-wide: 0.05em;
  --primitive-spacing-0: 0px;
  --primitive-spacing-1: 4px;
  --primitive-spacing-2: 8px;
  --primitive-spacing-3: 12px;
  --primitive-spacing-4: 16px;
  --primitive-spacing-5: 20px;
  --primitive-spacing-6: 24px;
  --primitive-spacing-8: 32px;
  --primitive-spacing-10: 40px;
  --primitive-spacing-12: 48px;
  --primitive-spacing-px: 1px;
  --primitive-sizing-icon-sm: 16px;
  --primitive-sizing-icon-md: 24px;
  --primitive-sizing-icon-lg: 32px;
  --primitive-border-radius-none: 0px;
  --primitive-border-radius-sm: 4px;
  --primitive-border-radius-md: 8px;
  --primitive-border-radius-lg: 12px;
  --primitive-border-radius-xl: 16px;
  --primitive-border-radius-full: 9999px;
  --primitive-border-width-2: 2px;
  --primitive-border-width-default: 1px;
  --primitive-opacity-0: 0;
  --primitive-opacity-50: 0.5;
  --primitive-opacity-70: 0.7;
  --primitive-opacity-100: 1;
  --primitive-transition-fast: 100ms;
  --primitive-transition-base: 200ms;
  --primitive-transition-slow: 300ms;
  --primitive-easing-default: ease-out;
  --primitive-blur-md: 12px;
  --semantic-color-background: {primitive.color.neutral.950};
  --semantic-color-surface: {primitive.color.neutral.900};
  --semantic-color-surface-elevated: {primitive.color.neutral.800};
  --semantic-color-border: {primitive.color.neutral.600};
  --semantic-color-border-hover: {primitive.color.neutral.400};
  --semantic-color-text-primary: {primitive.color.neutral.50};
  --semantic-color-text-secondary: {primitive.color.neutral.200};
  --semantic-color-text-muted: {primitive.color.neutral.300};
  --semantic-color-hover: {primitive.color.neutral.700};
  --semantic-color-success: {primitive.color.accent.green};
  --semantic-color-warning: {primitive.color.accent.yellow};
  --semantic-color-danger: {primitive.color.accent.red};
  --semantic-color-danger-hover: {primitive.color.accent.red-hover};
  --semantic-color-accent: {primitive.color.accent.cyan};
  --semantic-color-accent-hover: {primitive.color.accent.cyan-hover};
  --semantic-spacing-section: {primitive.spacing.8};
  --semantic-spacing-component-gap: {primitive.spacing.4};
  --semantic-spacing-inner: {primitive.spacing.3};
  --component-button-background-primary: {semantic.color.accent};
  --component-button-background-primary-hover: {semantic.color.accent-hover};
  --component-button-text-primary: {primitive.color.neutral.950};
  --component-button-background-danger: {semantic.color.danger};
  --component-button-background-danger-hover: {semantic.color.danger-hover};
  --component-button-border-radius: {primitive.border.radius.md};
  --component-button-padding-x: {primitive.spacing.4};
  --component-button-padding-y: {primitive.spacing.2};
  --component-card-background: {semantic.color.surface};
  --component-card-border: {semantic.color.border};
  --component-card-border-radius: {primitive.border.radius.lg};
  --component-card-padding: {primitive.spacing.4};
  --component-input-background: {semantic.color.background};
  --component-input-border: {semantic.color.border};
  --component-input-border-focus: {semantic.color.accent-hover};
  --component-input-text: {semantic.color.text-primary};
  --component-input-placeholder: {semantic.color.text-secondary};
  --component-tag-low-background: {semantic.color.success};
  --component-tag-medium-background: {semantic.color.warning};
  --component-tag-high-background: {semantic.color.danger};
  --component-tag-text: {semantic.color.text-primary};
}