/* Import after tailwindcss. Both .dark and explicit dark theme selectors are supported. */
@custom-variant dark (&:where(.dark, .dark *, [data-theme="home-dark"], [data-theme="home-dark"] *, [data-theme="canvas-dark"], [data-theme="canvas-dark"] *));
@theme inline {
  --color-background: var(--background);
  --color-surface: var(--surface);
  --color-foreground: var(--foreground);
  --color-muted-foreground: var(--muted-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-accent: var(--accent);
  --color-selection: var(--selection);
  --color-border: var(--border);
  --color-surface-raised: var(--surface-raised);
  --color-surface-muted: var(--surface-muted);
  --color-foreground-strong: var(--foreground-strong);
  --color-primary-hover: var(--primary-hover);
  --color-primary-active: var(--primary-active);
  --color-secondary: var(--secondary);
  --color-secondary-hover: var(--secondary-hover);
  --color-secondary-active: var(--secondary-active);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-link: var(--link);
  --color-focus-ring: var(--focus-ring);
  --color-control-border: var(--control-border);
  --color-row-hover: var(--row-hover);
  --color-disabled-background: var(--disabled-background);
  --color-disabled-foreground: var(--disabled-foreground);
  --color-success: var(--success);
  --color-success-background: var(--success-background);
  --color-warning: var(--warning);
  --color-warning-background: var(--warning-background);
  --color-danger: var(--danger);
  --color-danger-hover: var(--danger-hover);
  --color-danger-background: var(--danger-background);
  --color-info: var(--info);
  --color-info-background: var(--info-background);
  --color-surface-muted-foreground: var(--surface-muted-foreground);
  --color-brand-mocha: var(--brand-mocha);
  --color-brand-orange: var(--brand-orange);
  --color-brand-cream: var(--brand-cream);
  --color-brand-oat: var(--brand-oat);
  --color-orange-foreground: var(--orange-foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-muted: var(--muted);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-sidebar: var(--sidebar);
  --color-sidebar-foreground: var(--sidebar-foreground);
  --color-sidebar-primary: var(--sidebar-primary);
  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
  --color-sidebar-accent: var(--sidebar-accent);
  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
  --color-sidebar-border: var(--sidebar-border);
  --color-sidebar-ring: var(--sidebar-ring);
  --color-connector: var(--connector);
  --color-selection-border: var(--selection-border);
  --color-grid: var(--grid);
  --color-chart-1: var(--chart-1);
  --color-chart-2: var(--chart-2);
  --color-chart-3: var(--chart-3);
  --color-chart-4: var(--chart-4);
  --color-chart-5: var(--chart-5);
  --radius-sm: calc(var(--radius) * 0.6);
  --radius-md: calc(var(--radius) * 0.8);
  --radius-lg: var(--radius);
  --radius-xl: calc(var(--radius) * 1.4);
}