/** * agenic Komponenten-CSS — Reiter (Atom). * * Quelle: Figma `tab-item`, Set 853:2836 (Seite 0.5), 16 Varianten, * gemessen 19.08.2026. Theme light·dark × Size M·L × Status * aktiv·default·hover·disabled. Status ist CSS-State, nie Control. * Kontrakt: KONTRAKT-ag-tabs-bar-pill-19-08.md, §5 / Entscheidung E2. * * Gemessene Werte der Quelle: * Size M Polster 8/0/8/8 (spacing/s), Text 16/21, letterSpacing -2 % * default Copy/M (Inter Light) · aktiv Headline/S (Inter Medium) * Grundlinie 1 px Border · aktiv 2 px Fusion-Verlauf * Size L Polster 8/12/12/12 (spacing/s, spacing/ms), Text 24/32 * default Copy/L · aktiv Headline/M * * Zwei dokumentierte Abweichungen von der Quelle (Kontrakt A2, Finding F9): * 1. Im dunklen Theme kennt die Quelle KEINEN Gewichtswechsel — aktiv, hover * und default laufen dort alle in Inter Light und unterscheiden sich nur * durch die Textfarbe. Das verstoesst gegen die CD-Grundregel „Farbe ist nie * der einzige Bedeutungstraeger". Der Gewichtswechsel gilt hier in BEIDEN * Themes — so haelt es `ag_tabs` seit 3.19.0 bereits. * 2. Die dunklen Varianten binden ihre Grundlinie an `Border` (#18181e), was * auf dunkler Flaeche unsichtbar waere. Hier laeuft sie ueber * --color-border-inverse. Beides ist Rueckspielpunkt nach 0.5, nicht * eigenmaechtige Aenderung der Quelle. * * Das Polster rechts ist in der Quelle 0 bei 8 links (Finding F3). Es wird * unveraendert uebernommen — die Asymmetrie ist gemessen, nicht geraten. */ .ag-tab-item, .ag-tab-item * { box-sizing: border-box; } /* ── Grundzustand (Theme=light, Size=M, Status=default) ──────────────────── */ /* Doppelklasse zwingend (0,2,0). Der Elementor-Kit stylt JEDEN `button` mit `.elementor-kit-7 button` — Spezifitaet (0,1,1) — und setzt dabei background-image (Fusion-Verlauf), background-color, border-radius 999, font-family, font-size und color. Das Atom rendert ohne Link ein `