@theme inline {
  --color-blue-500: #4c5df7;

  --font-sans: var(--ui-font-body);
  --font-heading: var(--ui-font-heading);
  --font-mono: var(--ui-font-mono);

  --color-primary: var(--ui-color-primary);
  --color-primary-foreground: var(--ui-text-on-brand);
  --color-success: var(--ui-color-success);
  --color-warning: var(--ui-color-warning);
  --color-danger: var(--ui-color-destructive);
  --color-destructive: var(--ui-color-destructive);
  --color-info: var(--ui-color-info);

  --color-background: var(--ui-color-background);
  --color-foreground: var(--ui-color-foreground);
  --color-card: var(--ui-color-card);
  --color-card-foreground: var(--ui-color-card-foreground);
  --color-muted: var(--ui-color-muted);
  --color-muted-foreground: var(--ui-text-muted);
  --color-accent: var(--ui-color-accent);
  --color-accent-foreground: var(--ui-color-accent-foreground);
  --color-input: var(--ui-color-input);

  --color-bg-page: var(--ui-bg-page);
  --color-bg-card: var(--ui-bg-card);
  --color-bg-muted: var(--ui-bg-muted);
  --color-bg-overlay: var(--ui-bg-overlay);
  --color-bg-inverse: var(--ui-bg-inverse);

  --color-text-primary: var(--ui-text-primary);
  --color-text-secondary: var(--ui-text-secondary);
  --color-text-muted: var(--ui-text-muted);
  --color-text-placeholder: var(--ui-text-placeholder);
  --color-text-disabled: var(--ui-text-disabled);

  --color-border: var(--ui-border-default);
  --color-border-soft: var(--ui-border-soft);
  --color-border-strong: var(--ui-border-strong);
  --color-ring: var(--ui-ring);

  --color-topnav: var(--ui-topnav-bg);
  --color-topnav-accent: var(--ui-topnav-accent);
  --color-topnav-foreground: var(--ui-topnav-foreground);
  --color-topnav-muted: var(--ui-topnav-muted);
  --color-topnav-border: var(--ui-topnav-border);
  --color-topnav-hover: var(--ui-topnav-hover);
  --color-topnav-surface: var(--ui-topnav-surface);
  --color-topnav-active: var(--ui-topnav-active-bg);
  --color-topnav-active-foreground: var(--ui-topnav-active-fg);

  --color-sidebar: var(--ui-sidebar-bg);
  --color-sidebar-accent: var(--ui-sidebar-accent);
  --color-sidebar-foreground: var(--ui-sidebar-foreground);
  --color-sidebar-border: var(--ui-sidebar-border);
  --color-sidebar-hover: var(--ui-sidebar-hover-bg);
  --color-sidebar-active: var(--ui-sidebar-active-bg);
  --color-sidebar-accent-foreground: var(--ui-sidebar-active-fg);

  --color-badge-purple: var(--ui-badge-purple-bg);
  --color-badge-purple-fg: var(--ui-badge-purple-fg);
  --color-badge-blue: var(--ui-badge-blue-bg);
  --color-badge-blue-fg: var(--ui-badge-blue-fg);
  --color-badge-green: var(--ui-badge-green-bg);
  --color-badge-green-fg: var(--ui-badge-green-fg);
  --color-badge-orange: var(--ui-badge-orange-bg);
  --color-badge-orange-fg: var(--ui-badge-orange-fg);
  --color-badge-yellow: var(--ui-badge-yellow-bg);
  --color-badge-yellow-fg: var(--ui-badge-yellow-fg);

  --color-table-header: var(--ui-table-header-bg);
  --color-table-row: var(--ui-table-row-bg);
  --color-table-row-alt: var(--ui-table-row-alt-bg);

  --radius-sm: var(--ui-radius-sm);
  --radius-md: var(--ui-radius-control);
  --radius-lg: var(--ui-radius-card);
  --radius-xl: var(--ui-radius-modal);
  --radius-full: var(--ui-radius-pill);

  --spacing-control: var(--ui-space-control);
  --spacing-card: var(--ui-space-card);
  --spacing-section: var(--ui-space-section);

  --shadow-card: var(--ui-shadow-card);
  --shadow-pop: var(--ui-shadow-pop);

  --default-transition-duration: 150ms;
  --default-transition-timing-function: ease-out;
}