/*
 * The stylesheet of the editor panels (build/editor.css, build/editor-classic.css):
 * the same theme, scoped preflight and design tokens as the admin app, but
 * only the utilities the panel and the components it uses need, and none
 * of the legacy admin styles. The panel sits in a 280 px sidebar or a meta
 * box, so every kilobyte counts on every post edit screen.
 */
@import 'tailwindcss/theme.css';
@import './preflight.scoped.css';
@import 'tailwindcss/utilities.css' source(none);
@import 'tw-animate-css';
@import 'shadcn/tailwind.css';
@import './design-tokens.css';

@source "../editor";
@source "../components/ui";
@source "../components/seo/option-row.tsx";
@source "../components/seo/variables-menu.tsx";
@source "../lib";

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

@theme {
  --font-sans: 'Inter Variable', 'Inter', ui-sans-serif, system-ui, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#recomaze-portal {
  position: relative;
  z-index: 100000;
  /* Dialogs use the same container variants as the pages; here the container is the window. */
  container-type: inline-size;
}