/* ==========================================================================
   INTER (300, 400, 600)
   ========================================================================== */

/* Inter Light (300) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/inter-300.woff2') format('woff2');
}

/* Inter Regular (400) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/inter-400.woff2') format('woff2');
}

/* Inter SemiBold (600) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/inter-600.woff2') format('woff2');
}

/* ==========================================================================
   JETBRAINS MONO (300, 400, 700)
   ========================================================================== */

/* JetBrains Mono Light (300) */
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/jetbrains-mono-300.woff2') format('woff2');
}

/* JetBrains Mono Regular (400) */
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/jetbrains-mono-400.woff2') format('woff2');
}

/* JetBrains Mono Bold (700) */
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/jetbrains-mono-700.woff2') format('woff2');
}

/* ==========================================================================
   ORBITRON (500, 900)
   ========================================================================== */

/* Orbitron Medium (500) */
@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/orbitron-500.woff2') format('woff2');
}

/* Orbitron Black (900) */
@font-face {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../fonts/orbitron-900.woff2') format('woff2');
}
/* Beispiel für Inter (Oft verwendet) */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    /* WICHTIG: Der Pfad muss relativ zur CSS-Datei stimmen oder absolut sein */
    src: url('/fonts/inter-400.woff2') format('woff2');
}

/* WICHTIG: Icon Font (für den KI Button) */
/* Wenn du Material Icons genutzt hast, musst du diese auch lokal haben */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/MaterialIcons-Regular.woff2') format('woff2');
}

/* ==========================================================================
   FONT AWESOME LOCAL (Essential Icons Only)
   File required: wwwroot/fonts/fa-solid-900.woff2
   ========================================================================== */

@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('../fonts/fa-solid-900.woff2') format('woff2');
}

.fas, .fa-solid {
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* --- Icon Mappings (Nur die, die du im Editor nutzt) --- */

/* fa-sitemap (Toolbar links) */
.fa-sitemap::before {
    content: "\f0e8";
}

/* fa-folder-plus (Neues Modul) */
.fa-folder-plus::before {
    content: "\f65e";
}

/* fa-plus-circle (Neue View) */
.fa-plus-circle::before {
    content: "\f055";
}

/* fa-desktop (Viewport Desktop) */
.fa-desktop::before {
    content: "\f108";
}

/* fa-tablet-alt (Viewport Tablet) */
.fa-tablet-alt::before {
    content: "\f3fa";
}

/* fa-mobile-alt (Viewport Mobile) */
.fa-mobile-alt::before {
    content: "\f3cd";
}

/* fa-magic (AI Button) */
.fa-magic::before {
    content: "\f0d0";
}

/* fa-check (Optional für Success) */
.fa-check::before {
    content: "\f00c";
}

/* fa-times (Optional für Close) */
.fa-times::before {
    content: "\f00d";
}

/* --- Inspector Required Icons --- */

/* fa-mouse-pointer (Leerer Inspector State) */
.fa-mouse-pointer::before {
    content: "\f245";
}

/* fa-copy (Kopieren) */
.fa-copy::before {
    content: "\f0c5";
}

/* fa-paste (Einfügen) */
.fa-paste::before {
    content: "\f0ea";
}

/* fa-trash (Löschen) */
.fa-trash::before {
    content: "\f1f8";
}

/* fa-random (Logic Rules) */
.fa-random::before {
    content: "\f074";
}

/* fa-plus (Hinzufügen) */
.fa-plus::before {
    content: "\f067";
}

/* fa-database (SQL Binding) */
.fa-database::before {
    content: "\f1c0";
}

/* fa-check-circle (Validierung) */
.fa-check-circle::before {
    content: "\f058";
}

/* fa-bolt (Logik/Events) */
.fa-bolt::before {
    content: "\f0e7";
}

/* fa-layer-group (Layout Toggle) */
.fa-layer-group::before {
    content: "\f5fd";
}

/* fa-palette (Theme Switcher) */
.fa-palette::before {
    content: "\f53f";
}