/* Skip full preflight on shared bundle — storefront still uses Bootstrap/homepage.css */
@import "tailwindcss/theme" layer(theme);
@import "tailwindcss/utilities" layer(utilities);
@import "./theme.css";
@import "./components/compat.css";
@import "./components/ui.css";
@import "./components/polish.css";

@source "../../resources/views/**/*.blade.php";
@source "../../resources/js/**/*.js";
@source "../../public/js/app.js";
@source "../../public/js/admin-ui.js";
@source "../../public/js/pos-ui.js";
@source "../../public/js/ui-bridge.js";

/* Accessibility helpers */
[x-cloak] { display: none !important; }
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

@custom-variant dark (&:where(.dark, .dark *));

@theme {
  --font-sans: var(--font-sans);
  --color-brand: var(--color-primary);
  --color-brand-dark: var(--color-primary-dark);
  --color-brand-light: var(--color-primary-light);
  --color-accent: var(--color-accent);
  --color-surface: var(--color-bg);
  --color-card: var(--color-card);
  --color-muted: var(--color-text-muted);
  --color-danger: var(--color-danger);
  --color-success: var(--color-success);
  --color-warning: var(--color-warning);
  --color-info: var(--color-info);
  --radius-sm: var(--radius-sm);
  --radius-md: var(--radius-md);
  --radius-lg: var(--radius-lg);
  --radius-xl: var(--radius-xl);
  --shadow-sm: var(--shadow-sm);
  --shadow-md: var(--shadow-md);
  --shadow-lg: var(--shadow-lg);
}