/* Custom styles for PayCatch */

/* ===== ALL @IMPORT MUST BE FIRST ===== */
/* Police Inter pour toute l'application */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");

/* Import modular CSS files for better organization */
/* Note: themes.css is loaded directly in base.html for proper timing */
@import url("partials/components.css");
@import url("partials/utilities.css");
@import url("partials/animations.css");
@import url("partials/accessibility.css");
@import url("partials/skeletons.css");

/* ===== BASE STYLES ===== */
html,
body {
    overflow-x: hidden;
}

body {
    font-family:
        "Inter",
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Outfit", "Inter", sans-serif;
    letter-spacing: -0.02em;
}

/* Alpine.js x-cloak: Hide elements until Alpine initializes */
[x-cloak] {
    display: none !important;
}