/* ══════════════════════════════════════════════════════════════
   assets/brand/brand.css — Marke «neu» (Designsystem Tupiano AG)
   ══════════════════════════════════════════════════════════════
   Einzige Quelle für Farben und Schriften der neuen Marke in
   ticket.tupiano.app. Werte aus dem Designsystem «Tupiano AG»
   (tokens.json, Stand 13.10.2026) bzw. tupiano.ch site.css.

   Wer liest diese Datei:
   - Druckfenster und Mail-Anhänge binden sie per <link> ein.
   - api.php liest die --ci-*-Farben für die HTML-Mails aus
     (tpBrandFarben()); Mails können keine CSS-Variablen.
   Darum: Farben nur als «--ci-name: #rrggbb;» auf einer Zeile.

   Präfix --ci-, damit nichts mit den bestehenden App-Variablen
   (--tp-*, --bg-main, --brand-*) kollidiert.

   Gilt erst, wenn in den Firmeneinstellungen «Erscheinungsbild:
   neu» gesetzt ist (TpBrand.istNeu() / tpBrandIstNeu()).
   ══════════════════════════════════════════════════════════════ */

/* ── Schriften: selbst gehostet, keine Google Fonts (Latin-Subset) ── */
@font-face {
  font-family: 'IBM Plex Sans';
  src: url('../fonts/ibm-plex-sans-var.woff2') format('woff2');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Serif';
  src: url('../fonts/ibm-plex-serif-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Serif';
  src: url('../fonts/ibm-plex-serif-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/ibm-plex-mono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../fonts/ibm-plex-mono-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ── Kernfarben ── */
  --ci-mokka: #a67a64;        /* Kachel Dachmarke, Akzentflächen. Nie Schrift (2,99:1) */
  --ci-espresso: #6e4f42;     /* Kachel ticket.tupiano.app, Akzent der App (5,85:1) */
  --ci-creme: #f6f0eb;        /* nur Formen im Zeichen, nie Seitengrund */

  /* ── Flächen ── */
  --ci-paper: #efe4d6;        /* Seitengrund */
  --ci-band: #e7dbca;         /* Bandsektionen, Tabellenkopf */
  --ci-card: #f7f1e9;         /* Karten */
  --ci-card-hi: #fbf8f3;      /* Felder, Panels */
  --ci-chip: #eee2d3;         /* Chips */

  /* ── Linien: trennen statt Schatten ── */
  --ci-line: #dccbb8;
  --ci-line-soft: #d3bfa9;
  --ci-line-strong: #c9b39b;
  --ci-line-dash: #c2ab92;

  /* ── Schrift ── */
  --ci-ink: #2b2724;          /* Fliesstext (11,8:1) */
  --ci-ink-title: #5c4034;    /* Überschriften Serif (7,5:1) */
  --ci-ink-2: #6b5a50;        /* Sekundärtext (5,2:1) */
  --ci-ink-3: #857267;        /* nur Hinweise, kein Lesetext (3,64:1) */

  /* ── Dunkel ── */
  --ci-dark: #33312f;
  --ci-on-dark: #e6dcd2;

  /* ── Signal ── */
  --ci-warn: #a8452b;         /* Warnung, Fehler (4,7:1) */
  --ci-warn-label: #8f3117;   /* Schrift in Warnkästen (6,4:1) */
  --ci-warn-tint: #f6ecea;    /* Fläche von Warnkästen: warn 10 % auf Weiss.
                                 Fester Wert, weil Mailprogramme kein color-mix kennen */
  --ci-live: #5f8f63;         /* nur als Punkt, nie Schrift */

  /* ── Akzent je Absender ──
     App, Login, System-Mails: ticket.tupiano.app = espresso/espresso.
     Rechnungen, Rapporte, Protokolle: Dachmarke = mokka/ink-title. */
  --ci-acc-ticket: #6e4f42;
  --ci-acc-ink-ticket: #6e4f42;
  --ci-acc-dach: #a67a64;
  --ci-acc-ink-dach: #5c4034;

  /* ── Familien ── */
  --ci-font-sans: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --ci-font-serif: 'IBM Plex Serif', Georgia, serif;
  --ci-font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;

  /* ── Formen ── */
  --ci-radius-sm: 2px;        /* Chips, Buttons */
  --ci-radius-md: 3px;        /* Karten, Felder */
}