/* emvation Design-Tokens — 1:1 aus dem Webflow-Designer (Collection "Base")
   Quelle: Webflow MCP, data_variable_tool, Site 631094d152dc93f43ced8df0
   NICHT raten: neue Farben nur nach Rücksprache ergänzen. */
:root {
  /* Marke */
  --emvation-blue: #0e64ee;
  --emvation-teal: #00ffdf;
  --blue-700: #002d4e;
  --blue-701: #630eee;
  --blue-702: #2d0eee;

  /* Graustufen */
  --white: #ffffff;
  --grey-200: #d1d1d1;
  --grey-300: #767676;
  --grey-400: #313131;
  --grey-500: #252525;
  --grey-600: #1a1a1a;
  --gray-200: #e8e8e8;
  --gainsboro: rgba(217, 217, 217, 0.2);
  --cloud: #f5f9fe;
  --transparent: hsla(0, 0%, 46.27%, 0);

  /* Akzente (u.a. Blog-Kategorie-Gradients) */
  --yellow: #ffe600;
  --orange: #ff9900;
  --orange-red: #ff5c00;
  --crimson: #f82037;
  --crimson-light: rgba(248, 32, 55, 0.15);
  --spring-green: #00f07d;
  --light-sea-green: #01aa96;
  --aquamarine: #01e8be;
  --cyan: #00e8ec;
  --dodger-blue: #20a1e4;
  --deep-pink: #ff00b8;
  --medium-orchid: #cd20f8;
  --blue-violet: #9f00ff;

  /* Hintergrund-Gradients */
  --bg-gradient-dark-blue: #366efe;
  --bg-gradient-deep-sky-blue: #00a5ec;
  --bg-gradient-royal-blue: #366efe;

  /* Typografie — Original: Resolve Sans (Headlines), Roboto (Fließtext) */
  --font-display: "Resolve Sans", system-ui, sans-serif;
  --font-body: "Roboto", system-ui, sans-serif;
}

/* Breakpoints des Originals (Webflow-Standard) — als Referenz für alle Agenten:
   max-width: 991px  -> Tablet
   max-width: 767px  -> Mobile Landscape
   max-width: 479px  -> Mobile Portrait
   min-width: 1280px / 1440px / 1920px -> große Desktops */