/* ====== CSS zu index.html (Radiologie Lippstadt) ====== 
   ====== weitere Dateien: views.css, base.css ====== */

:root{
  /* Flächen/Hintergründe */
  --back-home:    #f0e8d3;   /* Home */
  --back-sub:     #f2f1ed;   /* Default */

  /* Brand / Akzente */
  --highlight-1:       #4a3aff;  /* Brand */
  --highlight-1-hover: #3f33e0;  /* kräftiger für Hover */
  --highlight-2:       #e0e7ff;  /* Tabs */
  --highlight-3:       #372ecc;  /* Brand darker */
  --highlight-4:       #ccd6ff;  /* leichte Hover-Fläche */
  
  /* Textfarben */
  --headline:   #111827;   /* Überschriften */
  --text:       #6b7892;   /* Grundtext */
  --text-dark:  #4b5563;   /* dunklerer Text (Hover/Mobile-Menü) */
  --brand-tab-text:#4338ca;/* Tab-Text auf hellen Tabs */

  /* Neutrale */
  --white: #ffffff;
  --black: #000000;

  /* Grenzen/Divider */
  --border-soft: #e6e6ef;
  --divider:     #dcdcdc;

  /* Hover-Flächen */
  --hover-surface: #f8f8f8;
  --white-hover:   #f5f5f5;

  /* Layout */
  --container: 1280px;

  /* Schatten */
  --shadow-1: 0 2px 6px rgba(0,0,0,.15);
  --shadow-2: 0 4px 12px rgba(0,0,0,.10);
  --shadow-3: -1px 4px 9px 3px rgba(0,0,0,.10);
  --shadow-4: 0 3px 20px rgba(0,0,0,.10);
}