/**
 * agenic Komponenten-CSS – Process-Marker (Atom) — vollständige Übertragung.
 *
 * Figma-Quelle: Set `process-marker` (4213:144809, Seite 0.5 → `02 · Atoms`,
 * 4 Varianten, gemessen 08.09.2026). Achsen: Betonung · Theme.
 *
 * Maße der Quelle: 12 × 12, Kontur 2 (Values/border/s), strokeAlign INSIDE.
 * INSIDE heiszt: die Kontur sitzt innen und vergroeszert den Punkt nicht —
 * gemessen 12 × 12 trotz Kontur. `box-sizing: border-box` bildet genau das ab,
 * eine echte `border` ist hier also richtig (anders als bei process-step, wo
 * die Kontur ueber `box-shadow: inset` laeuft, weil dort das Auszenmasz zaehlt).
 *
 * TMP: Die Groesze 12 hat kein Groeszen-Token — in Figma ebenso ein fester Wert
 * (in der Komponentenbeschreibung als TMP vermerkt). Als L3-Variable gefuehrt,
 * damit ein spaeteres Token an genau einer Stelle einzieht.
 *
 * Markup-Partial: includes/render-process-marker.php.
 * Kontrakt: `KONTRAKT-process-chain-kette-19-08.md` §2a.
 */

.ag-process-marker {
    /* L3 mit L2-Defaults */
    --ag-process-marker-size: 12px;                          /* Figma 12, ohne Groeszen-Token (tmp) */
    --ag-process-marker-border-width: var(--border-width-s); /* Figma Values/border/s = 2 */
    --ag-process-marker-fill: var(--color-surface-lightest); /* Figma Surface/lightest */
    --ag-process-marker-border: var(--color-border);         /* Figma Border */
    --ag-process-marker-space-before: 0px;                   /* Control „Abstand davor" (nur Widget ag_process_marker) */
    --ag-process-marker-space-after: 0px;                    /* Control „Abstand danach" */

    box-sizing: border-box;
    display: block;
    flex: 0 0 auto;
    width: var(--ag-process-marker-size);
    height: var(--ag-process-marker-size);
    border-radius: 50%;
    background: var(--ag-process-marker-fill);
    border: var(--ag-process-marker-border-width) solid var(--ag-process-marker-border);
    margin-block: var(--ag-process-marker-space-before) var(--ag-process-marker-space-after);
}

/* ── Theme-Achse ───────────────────────────────────────────────── */

.ag-process-marker--dark {
    --ag-process-marker-fill: var(--color-surface-darkest);   /* Figma Surface/darkest */
    --ag-process-marker-border: var(--color-border-inverse);  /* Figma Border--inverse */
}

/* ── Betonung=stark: das Ergebnis am Ende der Kette ─────────────
   In beiden Themes gefuellt — gemessen, keine Auslassung. Farbe ist hier
   nicht der einzige Traeger: das Glied wechselt zusaetzlich das
   Schriftgewicht (process-step Betonung=stark). */

.ag-process-marker--stark {
    --ag-process-marker-fill: var(--color-surface-brand);     /* Figma Surface/brand */
    --ag-process-marker-border: var(--color-surface-brand);   /* Figma Surface/brand */
}