/*! nc-ui tokens — version: 1
 *
 * Gemeinsame Design-Tokens für Kaufbox (inc/pdp-buybox) und Sticky-Kaufleiste (inc/sticky-atc).
 * Werte 1:1 aus nc-sticky-atc.css 1.5.0 (Sheet). Nur Custom Properties mit Präfix --nc-ui-,
 * keine Selektoren auf fremde Elemente: Das Laden dieser Datei ändert allein nichts am Aussehen.
 *
 * Regeln, damit beide Release-Pakete die Datei unabhängig mitliefern können:
 *  - Tokens nur ergänzen, nie umbenennen, ändern oder entfernen.
 *  - Bei jeder Ergänzung „version“ oben hochzählen. Der Deploy entpackt die Datei nur, wenn die
 *    Version im Paket größer ist als die auf dem Server (siehe docs/runbook-pdp-buybox.md).
 */
:root {
  /* Maße */
  --nc-ui-radius: 12px;
  --nc-ui-radius-sm: 6px;
  --nc-ui-radius-sheet: 18px;
  --nc-ui-border-w: 1.5px;
  --nc-ui-chip-h: 44px;
  --nc-ui-chip-pad: 8px 14px;
  --nc-ui-toggle-h: 52px;
  --nc-ui-cta-h: 54px;
  --nc-ui-gap: 8px;
  --nc-ui-group-pad: 12px;
  --nc-ui-step-w: 42px;
  --nc-ui-step-h: 40px;

  /* Typo */
  --nc-ui-font-cta: Montserrat, "Fira Sans", sans-serif;
  --nc-ui-fs-chip: 14px;
  --nc-ui-fs-sub: 11px;
  --nc-ui-fs-legend: 12px;
  --nc-ui-ls-legend: 0.04em;
  --nc-ui-fs-total: 22px;
  --nc-ui-fs-cta: 15px;

  /* Marke / Zustände (themenunabhängig) */
  --nc-ui-cta-bg: #39db84;
  --nc-ui-cta-bg-hover: #2fcf79;
  --nc-ui-cta-fg: #000;
  --nc-ui-badge-bg: #d9f56a;
  --nc-ui-badge-fg: #111;
  --nc-ui-focus: #39db84;
  --nc-ui-disabled-opacity: 0.35;

  /* Themen: dunkel = Leiste/Sheet, hell = Kaufbox. Komponenten lesen die --nc-ui-c-* Tokens. */
  --nc-ui-dark-ink: #fff;
  --nc-ui-dark-surface: #111;
  --nc-ui-dark-muted: #b8b8b8;
  --nc-ui-dark-line: rgba(255, 255, 255, 0.45);
  --nc-ui-dark-divider: rgba(255, 255, 255, 0.08);
  --nc-ui-dark-sel-bg: #fff;
  --nc-ui-dark-sel-fg: #111;

  --nc-ui-light-ink: #111;
  --nc-ui-light-surface: #fff;
  --nc-ui-light-muted: #6b6b6b;
  --nc-ui-light-line: rgba(17, 17, 17, 0.28);
  --nc-ui-light-divider: rgba(17, 17, 17, 0.1);
  --nc-ui-light-sel-bg: #111;
  --nc-ui-light-sel-fg: #fff;
  --nc-ui-light-focus: #1f8a55; /* Grün auf Weiß mit ausreichendem Kontrast */
}