/* Funnel-Map · Design-Variablen (Figma Design Board, Page „FM“). Hier ändern sich Farben, Radien, Schatten und Schrift für die ganze Oberfläche.
   login.css nutzt --text --muted --line --ink --pine --bad --mono --glass-2 --glass-edge --shadow: Namen bitte nicht ändern. */
:root{
  /* Marke */
  --pine:#12372A;--fern:#2F7A52;--sage:#9DBBA4;--lime:#C9E265;--mist:#E4EEE3;--amber:#E8A33D;
  --ink:#12372A;--cream:#FFFFFF;--white:#fff;

  /* Fläche und Text (Apple-Grautöne) */
  --bg:#EDEFE9;
  --text:#1D1D1F;--muted:#6E6E73;--faint:#A1A1A6;
  --fill:rgba(29,29,31,.05);--fill-2:rgba(29,29,31,.08);
  --line:rgba(29,29,31,.08);--line-strong:rgba(29,29,31,.16);--edge:rgba(29,29,31,.26);

  /* Glas */
  --glass:rgba(255,255,255,.45);--glass-2:rgba(255,255,255,.72);--glass-3:rgba(255,255,255,.9);
  --glass-edge:rgba(255,255,255,.8);
  --blur:blur(24px) saturate(1.6);
  --shadow:inset 0 1px 0 rgba(255,255,255,.8),0 16px 48px -8px rgba(18,33,26,.09),0 1px 3px rgba(0,0,0,.04);
  --shadow-sm:inset 0 1px 0 rgba(255,255,255,.8),0 6px 18px -8px rgba(18,33,26,.14),0 1px 2px rgba(0,0,0,.04);
  --lift:0 4px 14px rgba(0,0,0,.08);

  /* Status */
  --good:#2F7A52;--good-bg:rgba(47,122,82,.12);
  --warn:#B7791F;--warn-bg:rgba(232,163,61,.16);
  --bad:#B42318;--bad-bg:rgba(180,35,24,.10);

  /* Varianten A bis F und Diagramme */
  --va:#2F7A52;--vb:#D9922E;--vc:#4A6FA5;--vd:#8E5C99;--ve:#C0504D;--vf:#5F6B66;
  --chart-revenue:#2E8B57;--chart-spend:#D9922E;

  /* Form */
  --radius:14px;--r-card:22px;--r-panel:32px;
  --rail-w:72px;--gap:20px;
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}