@import "@repo/shadcn-ui/globals.css";
@import "@repo/rdx-ui/globals.css";
@import "@erp/core/globals.css";
@import "@erp/customers/globals.css";
@import "@erp/customer-invoices/globals.css";

/**
 * Tailwind CSS official document:
 * https://tailwindcss.com/docs/detecting-classes-in-source-files
 *
 * if you ever need to explicitly add a source that's excluded by default,
 * you can always add it with the @source directive.
 */

/*
@source '../node_modules/@repo/shadcn-ui';
@source '../node_modules/@repo/rdx-ui';
*/

@theme inline {
  --sidebar-width: calc(var(--spacing) * 64);
  --sidebar-width-icon: 3rem;
  --header-height: calc(var(--spacing) * 14);
  --content-padding: calc(var(--spacing) * 4);
  --content-margin: calc(var(--spacing) * 1.5);
  --content-full-height: calc(
    100vh -
    var(--header-height) -
    (var(--content-padding) * 2) -
    (var(--content-margin) * 2)
  );
}