/* Utility classes for common patterns - CSS custom properties are now in tailwind.css */
.bg-background { background-color: var(--background); }
.bg-foreground { background-color: var(--foreground); }
.bg-card { background-color: var(--card); }
.bg-card-foreground { background-color: var(--card-foreground); }
.bg-popover { background-color: var(--popover); }
.bg-popover-foreground { background-color: var(--popover-foreground); }
.bg-primary { background-color: var(--primary); }
.bg-primary-foreground { background-color: var(--primary-foreground); }
.bg-secondary { background-color: var(--secondary); }
.bg-secondary-foreground { background-color: var(--secondary-foreground); }
.bg-muted { background-color: var(--muted); }
.bg-muted-foreground { background-color: var(--muted-foreground); }
.bg-accent { background-color: var(--accent); }
.bg-accent-foreground { background-color: var(--accent-foreground); }
.bg-destructive { background-color: var(--destructive); }
.bg-destructive-foreground { background-color: var(--destructive-foreground); }

.text-background { color: var(--background); }
.text-foreground { color: var(--foreground); }
.text-card { color: var(--card); }
.text-card-foreground { color: var(--card-foreground); }
.text-popover { color: var(--popover); }
.text-popover-foreground { color: var(--popover-foreground); }
.text-primary { color: var(--primary); }
.text-primary-foreground { color: var(--primary-foreground); }
.text-secondary { color: var(--secondary); }
.text-secondary-foreground { color: var(--secondary-foreground); }
.text-muted { color: var(--muted); }
.text-muted-foreground { color: var(--muted-foreground); }
.text-accent { color: var(--accent); }
.text-accent-foreground { color: var(--accent-foreground); }
.text-destructive { color: var(--destructive); }
.text-destructive-foreground { color: var(--destructive-foreground); }

.border-border { border-color: var(--border); }
.border-input { border-color: var(--input); }
.border-ring { border-color: var(--ring); }

.ring-ring { --tw-ring-color: var(--ring); }

/* Ring offset */
.ring-offset-background { --tw-ring-offset-color: var(--background); }