/* ============================================================
   VIAVENDO CI — Design-Tokens
   Quelle: Corporate Design Styleguide v2.1 (Mai 2026), gültig für
   VIAVENDO · VIAVENDO.AI · SALES-COACH.AI · TEAM-COACH.AI
   Einbinden:  <link rel="stylesheet" href="https://intranet.viavendo.com/ci/css/viavendo-tokens.css">
   Änderungen nur hier und im Styleguide — nie in einzelnen Dokumenten.
   ============================================================ */

:root {
  /* Typografie */
  --vv-font-logo:    'Neuropol X', sans-serif;               /* nur Logos, als Pfade — nie als Webfont laden */
  --vv-font-display: 'Rajdhani', 'Orbitron', sans-serif;     /* Headlines, Kicker, Navigation */
  --vv-font-body:    'Montserrat', 'Open Sans', system-ui, -apple-system, sans-serif;

  /* Primärfarben */
  --vv-orange: #ff6f05;   /* RGB 255/111/5  · CMYK 0/67/93/0   · Pantone 1505 C */
  --vv-dark:   #29383d;   /* RGB 41/56/61   · CMYK 80/59/53/59 · Pantone 7546 C */

  /* Logo-Farben (nur in Wortmarken) */
  --vv-logo-grau:   #383e47;
  --vv-logo-orange: #ff7a00;

  /* Orange-Familie */
  --vv-orange-light: #ff8c37;
  --vv-orange-deep:  #e66405;

  /* Cyan/Teal-Familie */
  --vv-cyan-bright:  #00a8c3;
  --vv-cyan:         #33b9cf;
  --vv-cyan-deep:    #0097b0;
  --vv-teal:         #349eb5;
  --vv-teal-dark:    #0186a2;
  --vv-teal-deep:    #017992;

  /* Neutrale */
  --vv-grey-blue:      #4a707c;
  --vv-dark-teal:      #1d4c5b;
  --vv-dark-teal-deep: #1a4552;
  --vv-grey-neutral:   #546064;
  --vv-grey-dark:      #253337;

  /* Dark Theme (Websites) */
  --vv-bg:           #0a1015;
  --vv-bg-2:         #121a1f;
  --vv-bg-card:      rgba(41, 56, 61, 0.4);
  --vv-border:       rgba(51, 185, 207, 0.2);
  --vv-text:         rgba(255, 255, 255, 0.95);
  --vv-text-2:       rgba(255, 255, 255, 0.7);
  --vv-text-muted:   rgba(255, 255, 255, 0.5);

  /* Effekte */
  --vv-glow-orange:  0 0 30px rgba(255, 111, 5, 0.4);
  --vv-glow-cyan:    0 0 30px rgba(51, 185, 207, 0.4);
  --vv-gradient:     linear-gradient(135deg, #ff6f05, #33b9cf);
  --vv-gradient-cta: linear-gradient(135deg, #ff6f05, #e66405);

  /* Layout */
  --vv-max-width:  1200px;
  --vv-radius-sm:  8px;
  --vv-radius-md:  16px;
  --vv-radius-lg:  24px;
  --vv-t-fast:     150ms ease;
  --vv-t-normal:   300ms ease;
  --vv-t-slow:     500ms ease;
}