/*
 * FontAwesome 6 Pro – Minimal Subset
 * Nur die 4 tatsächlich genutzten Icons:
 *   fa-light fa-envelope     (Kontakt-Bar: E-Mail)
 *   fa-light fa-comments     (Kontakt-Bar: Formular)
 *   fa-light fa-phone-flip   (Kontakt-Bar: Telefon)
 *   fa-brands fa-whatsapp    (Kontakt-Bar: WhatsApp)
 *
 * Ersetzt all.min.css (216KB → ~1KB CSS + nur 2 Webfonts statt 18)
 * Webfonts werden weiterhin aus /webfonts/ geladen (fa-light-300.woff2, fa-brands-400.woff2)
 */

/* === Font Faces === */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../webfonts/fa-light-300.woff2") format("woff2");
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}

/* === Base Classes === */
.fa-light {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

.fa-solid,
.fa-regular {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
}

/* === Icons === */
.fa-envelope::before    { content: "\f0e0"; }
.fa-comments::before    { content: "\f086"; }
.fa-phone-flip::before  { content: "\f879"; }
.fa-whatsapp::before    { content: "\f232"; }

/* Tech stack icons */
.fa-php::before         { content: "\f457"; }
.fa-vuejs::before       { content: "\f41f"; }
.fa-sass::before        { content: "\f41e"; }
.fa-docker::before      { content: "\f395"; }
.fa-cubes::before       { content: "\f1b3"; }
.fa-cart-shopping::before { content: "\f07a"; }
.fa-gears::before       { content: "\f085"; }
.fa-code::before        { content: "\f121"; }
.fa-bolt::before        { content: "\f0e7"; }
.fa-database::before    { content: "\f1c0"; }
.fa-magnifying-glass::before { content: "\f002"; }
.fa-compass::before     { content: "\f14e"; }