@import '../../../../vendor/filament/filament/resources/css/theme.css';

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*';
@source '../../../../resources/views/livewire/**/*';
@source '../../../../resources/views/components/**/*';

/*
 * The panel's own look, on top of Filament's.
 *
 * Filament ships a complete, accessible theme, so everything here is a
 * deliberate departure rather than decoration. Two things were wrong with
 * the default for this application:
 *
 * 1. Until this file existed the panel had no Tailwind build at all (open
 *    item X2), so the utility classes already written throughout the
 *    widgets and custom views generated no CSS - which is why a dashboard
 *    of lists and figures rendered as unstyled prose.
 * 2. A column of AED amounts wandered, because the default figures are
 *    proportional. Money and counters are tabular below.
 *
 * The palette itself (deep teal on slate) is set in AdminPanelProvider,
 * where Filament expects it.
 */

/*
 * Tailwind v4's key is --font-sans, not --font-family-sans (v3's config
 * key). The old name generated nothing at all, so the panel was still
 * rendering in Filament's own default stack.
 */
@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;
}

/*
 * Tabular, lining figures wherever the panel shows a number: a table of
 * amounts has to align on its digits to be read down a column, and a stat
 * that changes must not shift its own width.
 */
.fi-ta-text-item-label,
.fi-in-text,
.fi-wi-stats-overview-stat-value {
    font-feature-settings: 'tnum' 1, 'lnum' 1;
}