/**
 * Design System v2 — Main Entry Point
 * bitarabi.com — 2026 standards
 *
 * Cascade layers (native CSS, no preprocessor needed):
 *   tokens   — CSS custom properties (lowest specificity — overridable)
 *   reset    — browser normalization
 *   base     — typography, body
 *   layout   — containers, grid, header, footer
 *   components — UI building blocks
 *   utilities — helper classes (win over components)
 *   overrides — escape hatch (highest — no !important needed)
 *
 * Any rule in a later layer wins, regardless of selector specificity.
 * This eliminates specificity wars and !important escalation.
 */

@layer tokens, reset, base, layout, components, utilities, overrides;

/* ═══════════ TOKENS ═══════════ */
@import url('./base/tokens.css') layer(tokens);

/* ═══════════ RESET ═══════════ */
@import url('./base/reset.css') layer(reset);

/* ═══════════ BASE ═══════════ */
@import url('./base/typography.css') layer(base);

/* ═══════════ LAYOUT ═══════════ */
@import url('./layout/container.css') layer(layout);
@import url('./layout/grid.css') layer(layout);
@import url('./layout/page-base.css') layer(layout);
@import url('./layout/header.css') layer(layout);
@import url('./layout/footer.css') layer(layout);
@import url('./layout/ticker.css') layer(layout);

/* ═══════════ COMPONENTS ═══════════ */
@import url('./components/buttons.css') layer(components);
@import url('./components/cards.css') layer(components);
@import url('./components/badges.css') layer(components);
@import url('./components/tables.css') layer(components);
@import url('./components/forms.css') layer(components);
@import url('./components/faq.css') layer(components);
@import url('./components/breadcrumb.css') layer(components);
@import url('./components/progress-bars.css') layer(components);
@import url('./components/banner-slot.css') layer(components);
@import url('./components/author-strip.css') layer(components);
@import url('./components/rating.css') layer(components);
@import url('./components/related-grid.css') layer(components);
@import url('./components/toc-sidebar.css') layer(components);
@import url('./components/halal-badge.css') layer(components);
@import url('./components/broker-card.css') layer(components);
@import url('./components/article-content.css') layer(components);
@import url('./components/article-summary.css') layer(components);
@import url('./components/savable-actions.css') layer(components);

/* Shortcode-rendered components — always-bundled. */
@import url('./components/shortcode-broker-table.css') layer(components);
@import url('./components/shortcode-broker-card.css') layer(components);
@import url('./components/shortcode-broker-deposit.css') layer(components);
@import url('./components/shortcode-broker-foundation.css') layer(components);
@import url('./components/shortcode-halal-list.css') layer(components);

/* Shortcode CSS bundled here because @push from string-rendered partials
   (view()->render() in controllers) does not reliably reach the layout's @stack. */
@import url('./pages/market-hours-shortcode.css') layer(components);
@import url('./pages/currency-converter.css') layer(components);

/* Phase C root-fix #1 — FAB + contact/chat widget extracted from
   inline <style> in site/includes/contact_cta.blade.php (was loaded
   inline on EVERY page via app-v2 layout; now bundled once). */
@import url('./components/fab-contact.css') layer(components);

/* Phase C root-fix #3 — bot chat widget extracted from inline <style>
   in components/chat-widget.blade.php (was loaded inline on EVERY page
   via app-v2 layout; now bundled once). Separate from fab-contact
   (uses #chatWindow + .cw-* classes; fab-contact uses .fab-* + .fc-*). */
@import url('./components/chat-widget.css') layer(components);

/* ═══════════ UTILITIES ═══════════ */
@import url('./utilities/helpers.css') layer(utilities);