/*
|--------------------------------------------------------------------------
| 2026-08-10
| Author: Claude
| Änderung:
| Ausschließlich Nachführung des Foundation-Pfades nach der menschlich
| entschiedenen semantischen Korrektur
| 01-foundation/vt-spacing.css -> 01-foundation/sizing/vt-sizing.css.
| Geändert wurden ausschließlich der @import-Pfad und die
| dokumentarische Pfadangabe im Initialkommentar. Keine CSS-Regel,
| kein Selektor, kein Custom-Property-Name und kein Wert wurde
| verändert.
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| VisionThinks UI / Components / Icons
| 2026-08-08 | Author: Claude (auf Basis menschlicher Architekturentscheidung)
|
| Menschliche Architekturentscheidung:
| Zentrale Darstellung aller über vt_FE_get_icon() gerenderten Icons.
| Jedes zentral gerenderte Icon erhält ausschließlich die allgemeine
| Komponentenklasse .vt-icon sowie die semantische Größenrolle als
| data-vt-icon-size-Attribut auf dem Root-<svg>. Kein Klassenname
| enthält eine Größeninformation (VT-NAM-071).
|
| Die konkreten Pixelwerte werden ausschließlich aus der Foundation
| referenziert (01-foundation/sizing/vt-sizing.css, --vt-icon-size-*)
| und hier nicht dupliziert.
|
| Nur Größenrollen mit menschlich freigegebenem Foundation-Wert
| erhalten eine Regel: xsmall, small, medium. Für xxsmall, large,
| xlarge, xxlarge existiert weder ein Foundation-Wert noch eine Regel
| in dieser Datei.
|
| Eine allgemeine .vt-icon-Basisregel ist aktuell nicht erforderlich:
| jede über vt_FE_get_icon() tatsächlich ausgegebene Größenrolle wird
| bereits durch genau eine der folgenden data-vt-icon-size-Regeln
| vollständig bemaßt. Sobald eine rollenübergreifende, geometrieunab-
| hängige Eigenschaft entsteht, gehört sie hierher.
|
| Technische Notwendigkeit: Damit var(--vt-icon-size-*) innerhalb
| dieser Datei einen Wert erhält, muss die Foundation-Definition
| tatsächlich in die Kaskade geladen werden. vt-ui.css führt den
| Foundation-Import aktuell nur auskommentiert (siehe dortiger
| Abschnitt „01 Foundation"); es existiert keine zentrale Stelle, die
| 01-foundation automatisch einbindet. Diese Komponente bindet ihre
| Foundation-Abhängigkeit deshalb selbst ein, exakt nach demselben
| bereits bestehenden Muster wie vt-form-inputfield.css und
| vt-card-group-domainauswahl.css für 01-foundation/vt-colors.css.
|--------------------------------------------------------------------------
*/
@import url("../01-foundation/sizing/vt-sizing.css");

.vt-icon[data-vt-icon-size="xsmall"] {

    width: var(--vt-icon-size-xsmall);
    height: var(--vt-icon-size-xsmall);

}

.vt-icon[data-vt-icon-size="small"] {

    width: var(--vt-icon-size-small);
    height: var(--vt-icon-size-small);

}

.vt-icon[data-vt-icon-size="medium"] {

    width: var(--vt-icon-size-medium);
    height: var(--vt-icon-size-medium);

}


.vt-icon[data-vt-icon-size="xsmall"] {
    width: var(--vt-icon-size-xsmall);
    height: var(--vt-icon-size-xsmall);
}

.vt-icon[data-vt-icon-size="small"] {
    width: var(--vt-icon-size-small);
    height: var(--vt-icon-size-small);
}

.vt-icon[data-vt-icon-size="medium"] {
    width: var(--vt-icon-size-medium);
    height: var(--vt-icon-size-medium);
}
.vt-icon {
    display: block;
    flex: 0 0 auto;
}