/* ============================================================
   TimeInvoicer — Zentrale Brand-Tokens & Wortmarke
   SINGLE SOURCE OF TRUTH für alle Marketing-Auftritte.
   Bearbeiten NUR hier in marketing/brand/, dann `sync.sh` ausführen.
   Verteilt nach: timeinvoicer.at/brand/ .ch/brand/ .com/brand/
   ============================================================ */

:root {
  /* --- Marken-Palette (identisch zur Wortmarke-SVG) --- */
  --ti-dark:       #003F3A;
  --ti-mid:        #007D73;
  --ti-teal:       #00A99A;
  --ti-mint:       #5FF7EA;
  --ti-paper:      #ECFFFC;
  --ti-soft:       #D8FCF7;
  --ti-coral:      #FF4F64;
  --ti-coral-soft: #FFE1E6;

  /* --- Web-Theme-Palette (Astra/WordPress, kompatibel) --- */
  --ti-web-teal:   #008577;
  --ti-web-gold:   #f1c04b;

  /* --- Typografie --- */
  --ti-font:       'Manrope', Arial, Helvetica, sans-serif;
  --ti-font-mark:  Arial, Helvetica, sans-serif; /* Wortmarke = Arial Black, identisch zur SVG */

  /* --- Radien --- */
  --ti-radius:     16px;
}

/* ============================================================
   WORTMARKE als CSS-Text (für Folder, Visitenkarten, Inline-Header)
   Rendert "TimeInvoicer" / "Psy-TimeInvoicer" layout-identisch zur SVG.
   Farben: "Time"/"Psy-Time" = weiß, "Invoicer" = mint.
   ============================================================ */
.ti-wordmark {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--ti-font-mark);
  font-weight: 900;
  letter-spacing: -0.02em;
  line-height: 1;
}
.ti-word-time     { color: #FFFFFF; }          /* "Time" bzw. "Psy-Time" */
.ti-word-invoicer { color: var(--ti-mint); }   /* "Invoicer" */
.ti-wordmark-sub  {
  color: var(--ti-soft);
  font-family: var(--ti-font-mark);
  font-weight: 800;
}