/* ==========================================================================
   AtelierForma — Main Stylesheet Entry
   Imports modular CSS layers in cascade order
   ========================================================================== */

@import url("variables.css");
@import url("reset.css");
@import url("utilities.css");
@import url("layout.css");
@import url("components.css");
@import url("animations.css");
@import url("sections.css");

/* ---------- Google Fonts (Plus Jakarta Sans) ---------- */
/* Loaded via <link> in HTML for performance; fallback stack in variables */

/* ---------- Base refinements ---------- */
body {
  overflow-x: clip;
}

/* ---------- Print styles ---------- */
@media print {
  .header,
  .skip-link,
  .nav-toggle-label,
  .mobile-nav,
  .footer__social {
    display: none !important;
  }

  body {
    color: #000;
    background: #fff;
  }

  a {
    text-decoration: underline;
  }

  .section {
    padding-block: 1.5rem;
    break-inside: avoid;
  }
}

/* ---------- Ultra-wide refinements ---------- */
@media (min-width: 1920px) {
  :root {
    --section-pad-y: 10rem;
  }
}

/* ---------- High-contrast support ---------- */
@media (prefers-contrast: more) {
  :root {
    --color-border: #9ca3af;
    --color-body: #1f2937;
    --color-muted: #374151;
  }

  .btn,
  .card,
  .category-card,
  .team-card,
  .faq-item {
    border-width: 2px;
  }
}