// @use statements for files that export Sass features (mixins, variables, functions)
@use "./abstracts/variables" as *;
@use "./abstracts/mixins" as *;

// base styles (CSS-only files) - using @use for modern Sass
@use "./base/reset";
@use "./base/typography";
@use "./base/global";

// component styles (CSS-only files) - using @use for modern Sass
@use "./components/buttons";
@use "./components/forms";
@use "./components/preloader";
@use "./components/eye-friendly";
@use "./components/cookie-consent";
@use "./components/modern-banner";
@use "./components/banner-fixes";
@use "./components/hero-banner";

// layout styles (CSS-only files) - using @use for modern Sass
@use "./layout/header";
@use "./layout/banner";
@use "./layout/footer";

// section styles (CSS-only files) - using @use for modern Sass
@use "./sections/all-sections";
@use "./sections/enterprise-service";

// page-specific styles
@use "./pages/about-enterprise";
@use "./pages/support-center";
@use "./pages/blog-single";

// responsive styles (CSS-only files) - using @use for modern Sass
@use "./responsive";

// modern CSS framework (Bootstrap replacement)
@use "./utilities/modern-framework";
@use "./utilities/content-protection";

/* ==============
 ========= css table of contents =========

 * template name: Itify
 * version: 1.0
 * description: Software Development & IT Solutions
 * author: Pixelaxis
 * author-url: https://themeforest.net/user/pixelaxis

 01. abstracts
     1.01 --> mixins
     1.02 --> variables
    
 02. base
     2.01 --> reset
     2.02 --> typography
     2.03 --> global

 03. components
     3.01 --> buttons
     3.02 --> forms
     3.03 --> preloader

 04. layout
     4.01 --> header
              4.01.01 --> header common
              4.01.02 --> light header
              4.01.03 --> offcanvas nav

     4.02 --> banner
              4.02.01 --> home banner styles start
              4.02.02 --> about banner styles start
              4.02.03 --> service banner styles start
              4.02.04 --> career banner styles start

     4.03 --> footer

 05. sections
     5.01 --> overview section styles start
     5.02 --> story section styles start
     5.04 --> latest post section styles start
     5.05 --> sponsor section styles start
     5.06 --> case study section styles start
     5.07 --> gallery section styles start
     5.08 --> service section styles start
     5.09 --> transform section styles start
     5.10 --> process section styles start
     5.11 --> case study main section styles start
     5.12 --> open position section styles start
     5.13 --> thrive section styles start
     5.14 --> masonry gallery styles start
     5.15 --> job details styles start
     5.16 --> blog main styles start
     5.17 --> blog details styles start

 06. responsive

    ==================================
============== */

// External libraries - modern CSS only
// font awesome 6
@import "@/public/icons/font-awesome/css/all.min.css";

// material icons
@import "@/public/icons/material-icons/css/material-icons.css";

// Suppress Font Awesome font warnings (harmless glyph bbox warnings)
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: "Font Awesome 6 Free";
    font-display: swap;
  }
  @font-face {
    font-family: "Font Awesome 6 Brands";
    font-display: swap;
  }
}
