/* 
 * Tailwind CSS v4 Configuration for Frontend
 * - Use prefix(tw) to namespace all utilities  
 * - Use important to override theme/plugin CSS
 * - Scans PHP templates and React component files
 */
@import "tailwindcss" prefix(tw) important;
@import "./tokens.css";

/* Exclude admin-only files, dev tools, and built bundles from frontend CSS scanning */
@source not "../../pages";
@source not "../../admin-app.tsx";
@source not "../../assets/js";
@source not "../../demo-mode";
@source not "../../vendor";
@source not "../../addons/*/assets/js";
/* Exclude admin-only UI components (keep: button, card, input, select, skeleton, sonner, dialog, badge, carousel, popover, slider) */
@source not "../../components/ui/alert-dialog.tsx";
@source not "../../components/ui/alert.tsx";
@source not "../../components/ui/avatar.tsx";
@source not "../../components/ui/breadcrumb.tsx";
@source not "../../components/ui/checkbox.tsx";
@source not "../../components/ui/collapsible.tsx";
@source not "../../components/ui/dropdown-menu.tsx";
@source not "../../components/ui/label.tsx";
@source not "../../components/ui/radio-group.tsx";
@source not "../../components/ui/scroll-area.tsx";
@source not "../../components/ui/separator.tsx";
@source not "../../components/ui/sheet.tsx";
@source not "../../components/ui/sidebar.tsx";
@source not "../../components/ui/switch.tsx";
@source not "../../components/ui/tabs.tsx";
@source not "../../components/ui/textarea.tsx";
@source not "../../components/ui/tooltip.tsx";

/* Map shadcn CSS variables to Tailwind color utilities for opacity support */
@theme inline {
  --color-primary: hsl(var(--primary));
  --color-primary-foreground: hsl(var(--primary-foreground));
  --color-background: hsl(var(--background));
  --color-foreground: hsl(var(--foreground));
  --color-muted: hsl(var(--muted));
  --color-muted-foreground: hsl(var(--muted-foreground));
  --color-accent: hsl(var(--accent));
  --color-accent-foreground: hsl(var(--accent-foreground));
  --color-card: hsl(var(--card));
  --color-card-foreground: hsl(var(--card-foreground));
  --color-popover: hsl(var(--popover));
  --color-popover-foreground: hsl(var(--popover-foreground));
  --color-border: hsl(var(--border));
  --color-ring: hsl(var(--ring));
  
  /* Ring utility defaults - must be defined for ring utilities to work */
  --ring-offset-width: 0px;
  --ring-offset-color: #fff;
  --ring-color: currentColor;
  --ring-offset-shadow: 0 0 #0000;
  --ring-shadow: 0 0 #0000;
}

/* Frontend Tailwind - tree-shaken CSS for PHP templates and React components */
*:focus,
*:focus-visible {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  box-shadow: none !important;
}