/* von Borries Holding: zentrale Markenwerte.
   Farben hier ändern, dann gelten sie für Login, Einrichtung und Sicherheitsübersicht. */

@font-face { font-family: "Manrope"; font-weight: 400; font-style: normal; font-display: swap; src: url("/vbh/fonts/manrope-400.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 500; font-style: normal; font-display: swap; src: url("/vbh/fonts/manrope-500.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 600; font-style: normal; font-display: swap; src: url("/vbh/fonts/manrope-600.woff2") format("woff2"); }
@font-face { font-family: "Manrope"; font-weight: 700; font-style: normal; font-display: swap; src: url("/vbh/fonts/manrope-700.woff2") format("woff2"); }

:root {
  color-scheme: dark light;

  /* Akzent für Buttons und Fokus: Platin */
  --vb-accent: #c9ccd1;
  --vb-accent-hover: #dfe1e5;
  --vb-accent-fg: #0a0a0a;

  /* Platin-Verlauf (i-Punkt) */
  --vb-platinum-1: #f2f3f5;
  --vb-platinum-2: #c9ccd1;
  --vb-platinum-3: #8e9399;

  /* Flächen und Schrift, dunkel (Standard) */
  --vb-bg: #0a0a0a;
  --vb-surface: #141415;
  --vb-surface-2: #1c1c1e;
  --vb-line: rgba(255, 255, 255, .09);
  --vb-text: #f5f5f7;
  --vb-muted: #8e8e93;

  /* Status */
  --vb-ok: #30d158;
  --vb-warn: #ff9f0a;
  --vb-danger: #ff6961;

  --vb-radius: 14px;
  --vb-font: "Manrope", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --vb-font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --vb-wordmark: url("/vbh/wordmark-light.svg");
}

@media (prefers-color-scheme: light) {
  :root {
    --vb-accent: #0a0a0a;
    --vb-accent-hover: #2c2c2e;
    --vb-accent-fg: #ffffff;
    --vb-bg: #ffffff;
    --vb-surface: #f5f5f7;
    --vb-surface-2: #ececf0;
    --vb-line: rgba(0, 0, 0, .1);
    --vb-text: #0a0a0a;
    --vb-muted: #6e6e73;
    --vb-ok: #1f8a4c;
    --vb-warn: #b25000;
    --vb-danger: #d70015;
    --vb-wordmark: url("/vbh/wordmark-dark.svg");
  }
}