/**
 * LUVEX Brand-Tokens — Cross-Repo SYNC-PFLICHT file.
 *
 * SYNC-PFLICHT: Diese Datei wird in beiden Repos (luvex-website + Simulex)
 * mit IDENTISCHEM Inhalt gespiegelt. Aenderungen hier MUSS in Simulex-
 * Repo (app/static/brand-tokens.css) per User-Driven-Commit nachgezogen
 * werden. Cross-Repo-Coordination-Source-of-Truth: Website.
 *
 * Pattern matches:
 *   - app/src/lib/data/applications/index.ts (Website mirror of Simulex
 *     /lib/applications/index.ts)
 *
 * Eingefuehrt: 2026-05-13, Phase S1 der Simulex-Header-Sync-Vision-
 * Roadmap (docs/strategy/2026-05-13-simulex-header-sync-vision.md §3).
 *
 * Konsumenten:
 *   - app/src/app.html (link rel=stylesheet vor allen anderen Styles)
 *   - LuvexBrandMark.svelte + SimulexBrandMark.svelte (filter values)
 *   - Header.svelte / AppHeader.svelte (height + padding + border)
 *   - alle Trust-Badge-/UserMenu-/Card-Components mit Brand-Accent
 *
 * Naming-Konvention:
 *   --brand-*    = pure brand-tokens (color, mark-glow)
 *   --header-*   = header-specific dimensions/borders
 *   --lx-*       = legacy "luvex"-prefix (vorhandene Components nutzen
 *                  noch teilweise --lx-cyan etc., wird sukzessive migriert)
 */

:root {
	/* === Brand-Color-Palette === */
	--brand-cyan: #22d3ee;
	--brand-cyan-light: #6dd5ed;
	--brand-cyan-bright: #67e8f9;
	--brand-mint: #90d9bd;
	--brand-mint-dark: #45afc8;
	--brand-navy: #1f3357;
	--brand-navy-deep: #15203a;
	--brand-navy-ink: #0d1424;
	--brand-gold: #d4af37;

	/* === Brand-Mark Drop-Shadow Filters ===
	   Used in LuvexBrandMark + SimulexBrandMark. Composed as full
	   `filter:` strings so consumers can just say `filter: var(--...)`. */
	--brand-mark-glow-default: drop-shadow(0 0 1.2px rgba(255, 255, 255, 0.6));
	--brand-mark-glow-hover: drop-shadow(0 0 2px rgba(34, 211, 238, 0.85));
	--brand-mark-glow-mount: drop-shadow(0 0 4px rgba(34, 211, 238, 0.9));
	--brand-mark-glow-cyan: drop-shadow(0 0 2.5px rgba(34, 211, 238, 0.9))
		drop-shadow(0 0 4px rgba(34, 211, 238, 0.4));

	/* === Header Anatomy ===
	   Locked dimensions for visual cross-repo coherence. */
	--header-height: 64px;
	--header-padding-x: 1.5rem;
	--header-border-bottom: 1px solid rgba(34, 211, 238, 0.15);
	--header-bg: rgba(13, 20, 36, 0.85);
	--header-bg-blur: blur(12px);

	/* === Trust-Signal-Colors ===
	   Used by CompanyTrustBadge + triage-hint components on both repos. */
	--trust-active-managed: #10b981;
	--trust-active-managed-bg: rgba(16, 185, 129, 0.10);
	--trust-active-managed-border: rgba(16, 185, 129, 0.55);
	--trust-claimed: #22d3ee;
	--trust-claimed-bg: rgba(34, 211, 238, 0.08);
	--trust-claimed-border: rgba(34, 211, 238, 0.45);
	--trust-pending: #f59e0b;
	--trust-pending-bg: rgba(245, 158, 11, 0.10);
	--trust-pending-border: rgba(245, 158, 11, 0.45);
	--trust-curated: #8a93a4;
	--trust-curated-bg: rgba(138, 147, 164, 0.08);
	--trust-curated-border: rgba(138, 147, 164, 0.35);
	--trust-dormant: #ef4444;
	--trust-dormant-bg: rgba(239, 68, 68, 0.10);
	--trust-dormant-border: rgba(239, 68, 68, 0.45);
	--trust-verified-gold: #d4af37;

	/* === UV-Modality-Colors === (2026-05-27, Cross-Repo-Sync mit Simulex)
	   Mirror der Simulex --mode-curing / --mode-disinfection Tokens in
	   apps/simulator/src/app.css. Konsistente Farb-Sprache über die ganze
	   Plattform: orange = UV-Curing (Aushaertung), green = UV-Disinfection.
	   Cyan bleibt LUVEX-Brand für UV-Generic / Meta. Verwendung in
	   docs/architecture/design-system.md §Color-System dokumentiert. */
	--mode-curing-hsl: 38 92% 58%;
	--mode-curing: hsl(var(--mode-curing-hsl));      /* #f59e0b — amber */
	--mode-curing-soft: hsl(38 92% 58% / 0.12);
	--mode-curing-border: hsl(38 92% 58% / 0.45);

	--mode-disinfection-hsl: 158 65% 48%;
	--mode-disinfection: hsl(var(--mode-disinfection-hsl));  /* #2ec98a — mint-green */
	--mode-disinfection-soft: hsl(158 65% 48% / 0.12);
	--mode-disinfection-border: hsl(158 65% 48% / 0.45);

	--mode-uv-generic: var(--brand-cyan);            /* fallback for generic UV / Meta */
	--mode-uv-generic-soft: rgba(34, 211, 238, 0.10);
	--mode-uv-generic-border: rgba(34, 211, 238, 0.40);

	/* === UV-Medium-Colors (Sub-Modality for Disinfection) ===
	   2026-05-27 — User-Direktive "wie bei den apps" + pink für Oberflächen.
	   Identisch zu Simulex (apps/simulator/src/app.css):
	     --medium-air:     190 55% 72%   light-blue/sky    — HVAC, Room-Air
	     --medium-water:   220 88% 55%   deep-blue         — Pipes, Pools, Basins
	     --medium-surface: 295 50% 65%   pink/magenta      — Conveyor, Eggs, Lab-Surface
	   These nest under UV-Disinfection. UV-Curing has its own --mode-curing
	   (amber) — no sub-medium needed (curing always = surface anyway). */
	--medium-air-hsl: 190 55% 72%;
	--medium-air: hsl(var(--medium-air-hsl));
	--medium-air-soft: hsl(190 55% 72% / 0.12);
	--medium-air-border: hsl(190 55% 72% / 0.45);

	--medium-water-hsl: 220 88% 55%;
	--medium-water: hsl(var(--medium-water-hsl));
	--medium-water-soft: hsl(220 88% 55% / 0.12);
	--medium-water-border: hsl(220 88% 55% / 0.45);

	--medium-surface-hsl: 295 50% 65%;
	--medium-surface: hsl(var(--medium-surface-hsl));
	--medium-surface-soft: hsl(295 50% 65% / 0.12);
	--medium-surface-border: hsl(295 50% 65% / 0.45);

	/* === Cubic-Bezier Easing-Standards ===
	   Used for clip-path / opacity / r / cx / cy transitions. */
	--ease-morph: cubic-bezier(0.65, 0, 0.35, 1);
	--ease-default: ease;
}