/* Shadcn/UI theme configuration using @madrasah/tokens */
@theme {
  /* Map design tokens to shadcn/ui expected color names */
  --color-background: var(--background-color-neutral-primary);
  --color-foreground: var(--text-color-neutral-primary);
  
  --color-card: var(--background-color-neutral-primary);
  --color-card-foreground: var(--text-color-neutral-primary);
  
  --color-popover: var(--background-color-neutral-primary);
  --color-popover-foreground: var(--text-color-neutral-primary);
  
  --color-primary: var(--background-color-brand-primary);
  --color-primary-foreground: var(--text-color-brand-inverse);
  
  --color-secondary: var(--background-color-neutral-secondary);
  --color-secondary-foreground: var(--text-color-neutral-primary);
  
  --color-muted: var(--background-color-neutral-tertiary);
  --color-muted-foreground: var(--text-color-neutral-tertiary);
  
  --color-accent: var(--background-color-neutral-secondary);
  --color-accent-foreground: var(--text-color-neutral-primary);
  
  --color-destructive: var(--background-color-error-base);
  --color-destructive-foreground: var(--text-color-error-inverse);
  
  --color-border: var(--border-color-neutral-primary);
  --color-input: var(--border-color-neutral-primary);
  --color-ring: var(--border-color-neutral-secondary);
  
  /* Chart colors */
  --color-chart-1: var(--background-color-brand-primary);
  --color-chart-2: var(--background-color-success-base);
  --color-chart-3: var(--background-color-warning-base);
  --color-chart-4: var(--background-color-error-base);
  --color-chart-5: var(--background-color-info-base);
  
  /* Radius values */
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.625rem;
  --radius-xl: 1rem;
}
