/* ==========================================================================
   Finalarm 2025 — tokens.css  (Design-Token-Layer · MUSS ZUERST laden)
   --------------------------------------------------------------------------
   Definiert alle CSS-Custom-Properties (--navy, --blue, --coral, --r-*, …),
   auf die finalarm-global.css, finalarm-content.css und cta-injector.css
   per var() zugreifen. OHNE diese Datei rendern jene drei Dateien leer.
   Quelle: design-system.css (Redesign 2026, 1:1 übernommen).

   Zusätzlich (laut MIGRATION-PLAN.md, Kern-Mechanik 1 + 3):
   - Override der Variablen-Ebene des bestehenden ~100 KB CSS-Frameworks
     (Code-Plugin): --c-*, --g-*, --r-* → neue Tokens.  Diese Datei lädt NACH
     dem Code-Plugin (functions.php Priorität 20), daher gewinnt :root hier.
   - Mega-Dropdown-Nav: --megadropdown-primary-color → Navy.
   - Interim-Fixes für hartkodierte Lila-Hex (#b794d6 etc.), bis der
     Content-Batch sie am Quell entfernt.
   ========================================================================== */

:root {
	/* ---- Brand / Trust ---- */
	--navy-900: #001834;
	--navy:     #00214E;   /* primary dark anchor */
	--navy-700: #0A2E5C;
	--navy-600: #14406F;

	/* ---- Accent (heller/moderner als Amex #006FCF) ---- */
	--blue:     #1F6FEB;
	--blue-600: #1A5FCC;
	--blue-700: #1750AE;
	--blue-050: #EAF1FE;
	--blue-100: #D7E5FD;

	/* ---- Neutrals ---- */
	--ink:      #0B1B33;
	--muted:    #5B6472;
	--faint:    #8A93A3;
	--surface:  #FFFFFF;
	--grey-050: #F6F8FB;
	--grey-100: #EEF2F7;
	--grey-200: #E3E8EF;
	--grey-300: #D4DBE5;

	/* ---- Signal ---- */
	--green:    #1F9D6B;
	--green-050:#E7F6EF;
	--amber:    #00214E;   /* remapped to navy — Redesign bleibt im Blau-Spektrum */
	--amber-050:#EAF1FE;

	/* ---- Spark — 2. Akzentfarbe ---- */
	--coral:     #FF5A4F;
	--coral-600: #E8442F;
	--coral-050: #FFEAE6;
	--grad-spark: linear-gradient(100deg, var(--blue) 0%, var(--coral) 100%);

	/* ---- Typography ---- */
	--font-display: "Schibsted Grotesk", "Hanken Grotesk", system-ui, sans-serif;
	--font-body:    "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* ---- Radii ---- */
	--r-xs: 6px;
	--r-sm: 10px;
	--r:    14px;
	--r-lg: 22px;
	--r-xl: 30px;
	--r-pill: 999px;

	/* ---- Shadows (soft, premium) ---- */
	--shadow-xs: 0 1px 2px rgba(11,27,51,.06);
	--shadow-sm: 0 4px 14px rgba(11,27,51,.07);
	--shadow:    0 12px 34px rgba(11,27,51,.10);
	--shadow-lg: 0 26px 60px rgba(11,27,51,.16);
	--shadow-navy: 0 30px 70px rgba(0,33,78,.35);

	/* ---- Layout ---- */
	--container: 1200px;
	--reading: 940px;
	--gutter: clamp(1.1rem, 4vw, 2.5rem);
	--section-y: clamp(3.5rem, 7vw, 6.5rem);

	/* ---- Motion ---- */
	--ease: cubic-bezier(.22,.61,.36,1);

	/* ---- Signature-System (Guilloché-Gravur) ---- */
	--guilloche: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='28'%20viewBox='0%200%2080%2028'%3E%3Cg%20fill='none'%20stroke='%2300214E'%20stroke-width='1'%3E%3Cpath%20d='M0%2014%20C13%204%2027%204%2040%2014%20C53%2024%2067%2024%2080%2014'%20opacity='0.22'/%3E%3Cpath%20d='M0%2014%20C13%2024%2027%2024%2040%2014%20C53%204%2067%204%2080%2014'%20opacity='0.12'/%3E%3C/g%3E%3C/svg%3E");
	--guilloche-light: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='28'%20viewBox='0%200%2080%2028'%3E%3Cg%20fill='none'%20stroke='%23FFFFFF'%20stroke-width='1'%3E%3Cpath%20d='M0%2014%20C13%204%2027%204%2040%2014%20C53%2024%2067%2024%2080%2014'%20opacity='0.16'/%3E%3Cpath%20d='M0%2014%20C13%2024%2027%2024%2040%2014%20C53%204%2067%204%2080%2014'%20opacity='0.09'/%3E%3C/g%3E%3C/svg%3E");
}

/* ==========================================================================
   Framework-Variablen-Override (bestehendes ~100 KB-CSS aus dem Code-Plugin)
   --------------------------------------------------------------------------
   Bildet card-flat / faq / article-summary / Buttons OHNE Content-Edit auf die
   neue Palette ab. Werte-Namen aus MIGRATION-PLAN.md (Double-Check gegen Live-HTML).

   FRONTEND-PRÄZEDENZ: Gegen den Inline-<style> des Code-Plugins (wp_head Prio 10)
   würde dieser :root-Block (enqueued <link>) verlieren. Deshalb wird er fürs
   Frontend ZUSÄTZLICH spät inline gedruckt (functions.php 1d, wp_head Prio 99).
   Dieser Block hier dient der Editor-Parität + als Fallback. Werte synchron halten!
   ========================================================================== */
:root {
	/* Farben — Live-Werte (2026-06-20 aus dem Code-Plugin-Inline-CSS verifiziert),
	   Lila → Blau/Navy. Kommentare = der ALTE Live-Wert. */
	--c-main-1: var(--blue);      /* war #BC78F6 (Lila) */
	--c-main-2: var(--navy);      /* war #7C3AED (Lila) */
	--c-comp-1: var(--blue-700);  /* war #7D78F6 (Lila-Indigo) — sonst Lila-Leak */
	--c-heading: var(--navy);     /* war #1F2328 */
	--c-text: var(--ink);         /* war #1F2328 */
	--c-muted: var(--muted);      /* war #6B7485 */
	--c-bg: var(--surface);       /* war #FFFFFF */
	--c-surface: var(--surface);  /* war #FFFFFF */
	--c-grey: var(--grey-050);    /* war #F7F7F8 */
	--c-border: var(--grey-200);  /* war #E9E9E9 */
	--r-md: var(--r);             /* Framework nutzt --r-md (z.B. .item_v2) */

	/* Verlaufs-Tokens — live ALLE Lila → Blau bzw. FAQ hell */
	--g-1: var(--grad-spark);                                                  /* war Lila-Verlauf */
	--g-2: var(--grey-100);                                                    /* FAQ (.bg-g-2) HELL (Design 1) */
	--g-3: linear-gradient(276deg, var(--blue-700) 12%, var(--blue) 89%);      /* war Lila */
	--g-4: linear-gradient(135deg, var(--blue-050) 0%, #fff 40%, #fff 100%);   /* war Lila→Weiß */

	/* Mega-Dropdown-Nav (live #007cba) → Navy.
	   !important MUSS sein: megadropdown.css setzt --megadropdown-primary-color
	   selbst per `#BC78F6 !important` (altes Lila) und lädt NACH dieser Datei. */
	--megadropdown-primary-color: var(--navy) !important;
	--megadropdown-accent-color: var(--blue) !important;
}

/* ==========================================================================
   Interim: hartkodierte Lila-Hex neutralisieren, bis der Content-Batch
   (MIGRATION-PLAN Phase 5) sie am Quell ersetzt. Rein kosmetisch, CSS-only,
   fasst NIE itemprop/itemtype an.
   ========================================================================== */
.wp-block-post-content [style*="b794d6"],
.wp-block-post-content [style*="B794D6"] { background-color: var(--blue) !important; }
.wp-block-post-content [style*="bd97d4"],
.wp-block-post-content [style*="BD97D4"] { color: var(--blue) !important; border-color: var(--blue) !important; }