/* Tailwind base */
@import 'tailwindcss';

/* FlyonUI variants */
@import 'flyonui/variants.css';

/* Blade templates and JS sources */
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

/* Theme setup */
@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

/* Tailwind plugins */
@plugin "@iconify/tailwind4";
@plugin "flyonui" {
  themes: all;
}

/* HTML and JSON sources */
@source "../../html/**/*.html";
@source "../json/**/*.json";

/* Fonts override */
@theme {
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto;
}

/* Dark theme styling */
[data-theme='dark']
  li:not(.menu-title, .menu-disabled)
  > :not(ul, .menu-title, .collapse, .accordion-content, .btn).menu-active {
  background-color: var(--color-primary);
  color: var(--color-primary-content);
}

body {
  color: color-mix(in oklab, var(--color-base-content) 80%, transparent);
}

/* Tailwind intersect plugin */
@import 'tailwindcss-intersect';

/* Tailwind motion plugin */
@plugin "tailwindcss-motion";

/* Flatpickr CSS */
@import 'flyonui/src/vendor/flatpickr.css';

/* Fix horizontal overflow globally */
html, body {
  overflow-x: hidden;
}