/* ==========================================================================
   STYLE — Main stylesheet entry point for TalentForge
   ========================================================================== */

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

/* Font loaded via <link> in index.html for better performance */

/* --------------------------------------------------------------------------
   Base refinements
   -------------------------------------------------------------------------- */
::selection {
  background-color: color-mix(in srgb, var(--color-primary) 20%, white);
  color: var(--color-heading);
}

/* --------------------------------------------------------------------------
   Large / 4K refinements
   -------------------------------------------------------------------------- */
@media (min-width: 1440px) {
  :root {
    --gutter: 2.5rem;
  }
}

@media (min-width: 1920px) {
  :root {
    --max-width: 1400px;
  }
}

/* --------------------------------------------------------------------------
   Print styles
   -------------------------------------------------------------------------- */
@media print {
  .header,
  .newsletter,
  .skip-link {
    display: none;
  }

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

  a {
    text-decoration: underline;
  }
}