/*
 * Application Tailwind CSS Configuration
 * This file serves as the entry point for Tailwind CSS v4+ compilation.
 * It imports the core framework, defines content sources, and configures plugins.
 */

/* Import Tailwind CSS framework */
@import "tailwindcss";

/* 
 * Content Sources
 * Explicitly register external directories that contain Tailwind classes.
 * This is necessary because these folders are outside the standard Rails app structure.
 * See: https://tailwindcss.com/docs/detecting-classes-in-source-files
 */
@source "../../../../custom";
@source "../../../../extensions";

/* 
 * Safelist (Tailwind v4+)
 * These classes are dynamically generated or used in contexts where the scanner
 * might miss them (e.g., database-stored layouts). We force their inclusion here.
 */

/* Grid columns */
@source inline('md:col-span-12');
@source inline('md:col-span-10');
@source inline('md:col-span-8');
@source inline('md:col-span-6');
@source inline('md:col-span-4');

@source inline('lg:col-span-12');
@source inline('lg:col-span-10');
@source inline('lg:col-span-8');
@source inline('lg:col-span-6');
@source inline('lg:col-span-4');

/* Width utilities */
@source inline('w-fit');
@source inline("w-6/12");
@source inline('w-9/12');
@source inline('w-12/12');
@source inline('w-xl');

/* Colors and interactions */
@source inline('text-green-700');
@source inline('hover:bg-sky-700');

/* 
 * Plugins
 * Configure DaisyUI component library.
 */
@plugin "daisyui" {
    themes: all;
}