/* Technicomp Suche – Token-Bruecke fuer LIVE (technicomp.at)
 *
 * tc-search.css ist eine 1:1-Kopie von Staging und erwartet das --tc-*-Tokensystem des Redesigns.
 * Auf Live gibt es dieses System noch nicht. Diese Datei definiert genau die Token, die die Suche
 * braucht: Abstaende, Groessen, Radien und Schatten exakt wie auf Staging, Farben und Schriften
 * aber im bestehenden Live-Design (dieselben Werte wie in technicomp-vartable-live/tc-vartable.css,
 * damit Suche und Variantentabelle zusammenpassen).
 *
 * Mit dem Live-Gang des Redesigns faellt diese Datei weg: dann liefert das Theme die Token selbst.
 * Quelle: C:\Arbeitsdaten\Novamira\technicomp-suche-live\
 */
:root {
	/* --- Farben: Live-Palette (Staging-Werte als Kommentar) --- */
	--tc-ink: #1b1c1d;          /* Staging #1a1713 */
	--tc-ink-muted: #6b6d70;    /* Staging #6d655a */
	--tc-line: #dddedf;         /* Staging #e6e2dc */
	--tc-line-strong: #8a8d91;  /* Staging #8c857c */
	--tc-surface: #ffffff;      /* wie Staging */
	--tc-bg: #f6fafd;           /* Staging #f4f2ed */
	--tc-soft: #e8f0f6;         /* Staging #ece8e1 */
	--tc-accent: #0881bc;       /* Staging #1c6cb1 */
	--tc-accent-ink: #ffffff;   /* wie Staging */
	--tc-accent-soft: #e3f0f9;  /* Staging #e3eefb – heller Tonwert des Live-Blaus (Fokusring) */

	/* Semantische Farben unveraendert von Staging (Lagerampel) */
	--tc-stock-ok: #3a8658;
	--tc-warning: #cc7a00;
	--tc-neutral-400: #adb5bd;

	/* --- Schrift: Live nutzt ebenfalls Inter; Fraunges gibt es auf Live nicht,
	       daher faellt die Display-Rolle auf dieselbe Familie zurueck (nur .tcs__none strong). --- */
	--tc-font-body: "Inter", Helvetica, Arial, sans-serif;
	--tc-font-display: "Inter", Helvetica, Arial, sans-serif;

	/* --- Groessen und Zeilenhoehen: exakt wie Staging --- */
	--tc-size-meta: 14px;
	--tc-lh-meta: 20px;
	--tc-size-ui: 14px;
	--tc-lh-ui: 20px;
	--tc-size-body: 16px;
	--tc-lh-body: 24px;
	--tc-size-title: 20px;
	--tc-lh-title: 26px;

	/* --- Abstaende, Radien, Schatten, Uebergang: exakt wie Staging --- */
	--tc-space-1: 4px;
	--tc-space-2: 8px;
	--tc-space-3: 12px;
	--tc-space-4: 16px;
	--tc-space-5: 20px;
	--tc-space-6: 24px;
	--tc-radius-sm: 2px;
	--tc-radius-md: 4px;
	--tc-shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.1);
	--tc-transition-fast: 150ms ease;
}