/* Kopie aus duranco-holding apps/hub/tokens.css (Design R49, Stand 2a45050), nur gelesen und kopiert – keine Abhängigkeit.
   Qardify-Marke über data-brand="qardify" am <html>. Änderungen hier lokal pflegen. */
/* Kopie von ops/design/admin/tokens.css (Design R49, Commit 96aabb4) für apps/hub (R53).
   Änderungen zuerst im Design-Ordner, dann hierher kopieren. App-spezifisches: hub.css. */

/* Duran Co. Admin – Design-Tokens (Entwurf R49)
   Nur helles Design. Marke wechseln: data-brand am <html> (duranco | qardify | amo).
   Dichte: Handy-Werte als Standard, Desktop ab 1024 px dichter,
   Touch-Geräte behalten 44-px-Ziele. */

:root {
  color-scheme: light;

  /* Marke – Akzent nur für Primärknopf, aktive Navigation, Links */
  --accent: #2E3BFF;
  --on-accent: #FFFFFF;
  --accent-ink: var(--accent);
  --accent-hover: color-mix(in srgb, var(--accent) 86%, #000000);
  --focus: var(--accent-ink);

  /* Neutral */
  --bg: #F5F6F7;
  --surface: #FFFFFF;
  --surface-alt: #FAFBFB;      /* Tabellenkopf */
  --hover: #F2F3F5;
  --selected: #F0F1F3;
  --line: #E3E5E8;
  --line-strong: #C4C9CF;      /* Knopfränder */
  --input-line: #8A929B;       /* Eingabefelder, ≥ 3:1 */
  --text: #1D2125;
  --muted: #5B636C;

  /* Status: Punkt + Text, keine Flächen */
  --ok: #1E7B3A;
  --warn: #B35C00;
  --err: #C62828;
  --paused: #6B737C;
  --err-text: #B01F1F;         /* Fehlermeldung an Feldern */

  --danger: #C62828;
  --danger-hover: #A82020;
  --on-danger: #FFFFFF;

  /* Hinweisbalken Entwurf */
  --note-bg: #FFF6DB;
  --note-line: #EBD48E;
  --note-text: #5A4500;

  /* Popover (Toast, Tooltip, Dialog) */
  --pop-bg: #1D2125;
  --pop-text: #FFFFFF;
  --pop-link: color-mix(in srgb, var(--accent) 40%, #FFFFFF);
  --overlay: rgb(29 33 37 / .4);
  --shadow-pop: 0 8px 24px rgb(29 33 37 / .18), 0 0 0 1px rgb(29 33 37 / .06);

  /* Schrift: nur Systemschrift */
  --font: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs: 14px;            /* Grundschrift Handy */
  --fs-sm: 12px;         /* Meta, Tabellenkopf */
  --fs-xs: 11px;         /* Tab-Beschriftung */
  --fs-h: 15px;          /* Abschnittstitel */
  --fs-title: 16px;      /* Bereichstitel in der Kopfzeile */
  --fs-input: 16px;      /* iOS zoomt unter 16 px */
  --lh: 20px;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* Raster 4/8/12/16/24 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;

  --radius: 4px;

  /* Maße */
  --tap: 44px;           /* Mindest-Tippziel Handy */
  --ctl-h: 36px;         /* Knopf, sichtbar (Trefferfläche 44 px) */
  --input-h: 44px;
  --row-h: 44px;         /* Tabellen-/Listenzeile */
  --head-h: 48px;        /* Kopfzeile */
  --note-h: 25px;        /* Hinweisbalken inkl. Linie */
  --tab-h: 56px;         /* Tab-Leiste Handy */
  --nav-w: 216px;
  --nav-item-h: 44px;
  --icon: 16px;
  --dot: 8px;
  --focus-width: 2px;    /* wie duranco.de (R35/R36) */
  --focus-offset: 3px;

  --dur: 120ms;
}

/* Desktop: dicht */
@media (min-width: 1024px) {
  :root {
    --fs: 13px;
    --fs-h: 14px;
    --fs-title: 15px;
    --fs-input: 13px;
    --ctl-h: 30px;
    --input-h: 30px;
    --row-h: 34px;
    --nav-item-h: 32px;
  }
}

/* Touch-Geräte (z. B. iPad quer) behalten große Ziele */
@media (pointer: coarse) {
  :root { --input-h: 44px; --row-h: 44px; --nav-item-h: 44px; --fs-input: 16px; }
}

/* Markenblöcke: Akzent als eine Variable; Hellorange braucht dunklen Text */
:root[data-brand="duranco"] { --accent: #2E3BFF; }
:root[data-brand="qardify"] { --accent: #FFA31F; --on-accent: #17141F; --accent-ink: #9A5800; }
:root[data-brand="amo"]     { --accent: #C04040; }