/* ============================================================
   Kaatchi Media — main.css
   CSS entry point. Imports only — no styles live here.

   SEO note: font-display:swap added to custom font face
   below. This prevents invisible text during font load
   (FOIT) which is a Core Web Vitals penalty. Google's
   ranking algorithm penalises poor CWV scores directly.
   Swap ensures text is always visible — better UX,
   better ranking signal.
   ============================================================ */

/* ─────────────────────────────────────────────────────────────
   BASE — load order matters.
   variables first (tokens used by everything else).
   reset second (clears browser defaults).
───────────────────────────────────────────────────────────── */
@import "base/variables.css";
@import "base/reset.css";

/* ─────────────────────────────────────────────────────────────
   LAYOUT — structural shells.
   navbar and footer wrap all page content.
───────────────────────────────────────────────────────────── */
@import "layout/navbar.css";
@import "layout/footer.css";

/* ─────────────────────────────────────────────────────────────
   SECTIONS — all page section styles.
───────────────────────────────────────────────────────────── */
@import "sections/all-sections.css";

/* ─────────────────────────────────────────────────────────────
   CUSTOM FONT — TAM Tamil010
   Tamil script font for hero brand name and gallery
   subtitles throughout the site.

   font-display: swap
   → CWV (Core Web Vitals) optimisation.
   → Without swap: text is invisible until font loads (FOIT).
   → With swap: browser shows system font immediately, then
     swaps to TAM-Tamil010 when it loads.
   → Google's Largest Contentful Paint (LCP) score improves
     because text content is visible faster.
   → LCP is a direct Google ranking factor.
───────────────────────────────────────────────────────────── */
@font-face {
    font-family: "TAM-Tamil010";
    src: url("../assets/fonts/TAM-Tamil010.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}