/* =========================================================================
   Vergissmeinnicht Vereinsplattform – zentrale Design-Tokens
   Eine einzige Quelle für Farben, Abstände, Rundungen, Schatten, Schrift.
   Wird NACH Bootstrap geladen und reskinnt Bootstrap über dessen CSS-Variablen.
   ========================================================================= */
:root {
  color-scheme: light;

  /* --- Marke --- */
  --vm-primary:        #386b3c;   /* Vereinsgrün (Leitfarbe) */
  --vm-primary-strong: #2c5530;   /* Text auf Weiss / Hover / Aktiv */
  --vm-primary-050:    #e9f1e7;   /* zarte Tönung (Hintergründe) */
  --vm-accent:         #2f6f6a;   /* Petrol – Links & Akzente */
  --vm-accent-strong:  #255a56;

  /* --- Flächen & Neutrale (leicht grün gebrochen) --- */
  --vm-bg:            #f3f5f1;
  --vm-surface:       #ffffff;
  --vm-surface-2:     #eef1ec;
  --vm-border:        #e0e4dd;
  --vm-border-strong: #ccd3c8;
  --vm-ink:           #1e2a23;
  --vm-ink-muted:     #5b665e;
  --vm-ink-subtle:    #8a938c;

  /* --- Status (getrennt vom Markenton) --- */
  --vm-success:    #2e7d32;  --vm-success-bg: #e7f2e8;  --vm-success-ink:#1f6a26;
  --vm-warning:    #a86a00;  --vm-warning-bg: #f6efdb;  --vm-warning-ink:#7a5a00;
  --vm-danger:     #c22f2f;  --vm-danger-bg:  #f7e4e4;  --vm-danger-ink: #9d2626;
  --vm-info:       #2f6f6a;  --vm-info-bg:    #e3efed;  --vm-info-ink:   #215b57;
  --vm-neutral-bg: #ecefe9;  --vm-neutral-ink:#55635a;

  /* --- Radien / Schatten / Raster --- */
  --vm-r-sm:6px; --vm-r:10px; --vm-r-lg:14px; --vm-pill:999px;
  --vm-sh-sm:0 1px 2px rgba(20,30,24,.06);
  --vm-sh:0 4px 14px rgba(20,30,24,.08);
  --vm-sh-lg:0 12px 30px rgba(20,30,24,.10);
  --vm-control-h:44px;      /* Touch-freundliche Höhe */
  --vm-wrap:1160px;

  /* --- Schrift (System-Stack, keine externen Ladedienste) --- */
  --vm-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Noto Sans Arabic",sans-serif;
  --vm-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;

  /* --- Bootstrap 5 über seine eigenen Variablen umfärben --- */
  --bs-primary:#386b3c;
  --bs-primary-rgb:56,107,60;
  --bs-body-bg:#f3f5f1;
  --bs-body-color:#1e2a23;
  --bs-secondary-color:#5b665e;
  --bs-tertiary-color:#8a938c;
  --bs-emphasis-color:#1e2a23;
  --bs-border-color:#e0e4dd;
  --bs-border-radius:.625rem;
  --bs-border-radius-sm:.375rem;
  --bs-border-radius-lg:.875rem;
  --bs-link-color:#2f6f6a;
  --bs-link-color-rgb:47,111,106;
  --bs-link-hover-color:#255a56;
  --bs-font-sans-serif:var(--vm-sans);
}