/* ================================================================
   targeting360 — Farb-Tokens
   ----------------------------------------------------------------
   1:1 übernommen aus dem Redesign-Konzept (Artifact „Redesign-Konzept
   Startseite"). Werte unverändert — nicht anpassen ohne Rücksprache.

   Kernidee: Dunkel/Hell im Wechsel.
   Ink trägt Hero, Kennzahlen, Zitat und Abschluss-CTA;
   Paper trägt die Inhaltssektionen dazwischen.
   ================================================================ */

:root{
  /* ---- Dunkle Flächen ---- */
  --ink:#0C1220;              /* Grundton dunkel                     */
  --ink-2:#131B2E;            /* dunkel, eine Stufe heller           */
  --ink-strip:#0F1830;        /* Kennzahlen-Leiste / Tabellenkopf    */

  /* ---- Helle Flächen ---- */
  --paper:#F6F4EE;            /* warmes Off-White                    */
  --paper-dim:#E8E4D9;        /* abgesetzte helle Sektion            */
  --paper-bar:#E2DECF;        /* Browser-Leiste                      */

  /* ---- Akzente ---- */
  --signal:#2C7BE5;           /* Blau — Buttons, Ringe               */
  --signal-2:#6FD6FF;         /* Cyan — Highlights, Eyebrow          */
  --hit:#FF5A36;             /* Signalpunkt — sparsam               */

  /* ---- Text ---- */
  --steel:#8B96AE;            /* Sekundärtext auf Dunkel             */
  --steel-dim:#5B6478;        /* noch leiser                         */
  --on-paper:#5C5546;         /* Fließtext auf Hell (warm)           */
  --on-paper-2:#4A4436;       /* Navigation auf Hell                 */
  --on-paper-3:#6B6353;       /* Meta auf Hell                       */
  --gold:#8A6A2F;             /* Eyebrow auf Hell                    */
  --btn-ink:#04131F;          /* Text auf Signal-Button              */

  /* ---- Linien ---- */
  --line: rgba(139,150,174,0.20);       /* auf Dunkel                */
  --line-strong: rgba(139,150,174,0.38);
  --line-paper: rgba(0,0,0,0.08);       /* auf Hell                  */
  --line-paper-2: rgba(0,0,0,0.15);

  /* ---- Schrift ----
     Farben stammen 1:1 aus dem Konzept; bei der Schrift wurde bewusst
     auf die zuvor eingesetzte Kombination zurückgegangen (schmaler und
     ruhiger als Unbounded).                                          */
  --display: 'Space Grotesk', ui-sans-serif, system-ui, sans-serif;
  --body: 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* ---- Signature ---- */
  --hero-bg: radial-gradient(circle at 78% 38%, #16233d 0%, var(--ink) 55%);
  --cta-bg: linear-gradient(135deg,#0F1830,var(--ink));
  --shadow-frame: 0 40px 100px -40px rgba(0,0,0,0.6);

  --maxw:1180px;
}
