/* Vionest – Markenfarben und Grundwerte. Von Landingpage und Extranet gemeinsam genutzt. */
:root {
  --vn-violet-50: #f4f2ff;
  --vn-violet-100: #e9e5ff;
  --vn-violet-200: #d2caff;
  --vn-violet-300: #b2a6ff;
  --vn-violet-400: #8f7ffb;
  --vn-violet-500: #6e5cf6;
  --vn-violet-600: #5847e0;
  --vn-violet-700: #4334c2;
  --vn-violet-800: #33289a;
  --vn-violet-900: #221b66;

  --vn-mint-50: #e9fbf5;
  --vn-mint-100: #c9f4e6;
  --vn-mint-300: #6fe3c3;
  --vn-mint-400: #34d3ac;
  --vn-mint-500: #2bc79f;
  --vn-mint-600: #1a9f7e;
  --vn-mint-700: #127a60;

  --vn-ink: #1b1838;
  --vn-ink-2: #4a4766;
  --vn-ink-3: #77748f;
  --vn-ink-4: #a4a2b8;

  --vn-bg: #f7f7fb;
  --vn-surface: #ffffff;
  --vn-surface-2: #fbfbfd;
  --vn-line: #e6e5ef;
  --vn-line-strong: #d3d1e0;

  --vn-coral: #e5533d;
  --vn-coral-50: #fdeeeb;
  --vn-amber: #d98a1c;
  --vn-amber-50: #fdf3e3;
  --vn-sky: #2f7fd6;
  --vn-sky-50: #e8f2fc;

  --vn-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --vn-mono: ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', Consolas, monospace;

  --vn-radius-sm: 6px;
  --vn-radius: 10px;
  --vn-radius-lg: 16px;
  --vn-shadow-sm: 0 1px 2px rgba(27, 24, 56, .06);
  --vn-shadow: 0 1px 2px rgba(27, 24, 56, .05), 0 4px 14px rgba(27, 24, 56, .06);
  --vn-shadow-lg: 0 12px 40px rgba(27, 24, 56, .14);
}