/* ============================================================
   EIL / Informatik Schmid — Brand-CSS für Divi
   Farb-Tokens, Grundstimmung und kleine Helfer.
   Die Layout-Gestaltung selbst steckt in den Divi-Modulen
   (dort bearbeitbar); diese Datei liefert nur das Fundament.
   ============================================================ */

:root {
  /* Bergblau (Primär) */
  --bergblau-500: #1e3a5f;
  --bergblau-600: #1a3252;
  /* Tannengrün (Sekundär) */
  --tannen-500: #2d6a4f;
  /* Aareblau (EIL-Webschmid) */
  --aareblau-500: #2e6f9c;
  /* Thunersee-Türkis (Akzent / KI BEO) */
  --tuerkis-400: #3fa7c5;
  /* Alpengold (Highlight) */
  --gold-400: #d4a843;
  /* Stein-Neutrale */
  --kalkfels: #f5f3ee;
  --stein-200: #e2ddd1;
  --stein-500: #80796b;
  --stein-600: #5f594e;
  --stein-800: #2f2d29;
  --schiefer: #2c2c2c;

  --font-display: "Bricolage Grotesque", "Public Sans", Helvetica, Arial, sans-serif;
  --font-body: "Public Sans", Helvetica, Arial, sans-serif;
  --font-serif: "DM Serif Display", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
}

/* Warmer Seitenhintergrund (Kalkfels) als Grundton */
body,
#page-container {
  background-color: var(--kalkfels);
}

body {
  font-family: var(--font-body);
  color: var(--stein-800);
}

::selection {
  background: #9fd6e3;
  color: #102e37;
}

/* Buttons nebeneinander statt untereinander:
   der Spalte im Divi-Builder die CSS-Klasse «eil-inline-buttons» geben */
.eil-inline-buttons .et_pb_button_module_wrapper {
  display: inline-block;
  margin: 0 12px 12px 0;
}

/* Sanfte Hover-Übergänge für Links */
a {
  transition: color 0.15s ease, background-color 0.15s ease;
}

/* Fokus-Ring (Tastatur-Navigation, barrierefrei) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(63, 167, 197, 0.45);
  border-radius: 6px;
}