/* Zentrale Stellschrauben: Farben, Schrift, Abstände, Bildfilter.
   Wer das Aussehen feinjustieren will, fängt hier an. */

:root {
  /* Farben der Visitenkarte */
  --color-night: #232f4e;        /* Nachtblau, Grund der Karte, auch Textfarbe */
  --color-night-soft: #36456d;
  --color-night-deep: #19223b;   /* Hintergrund der Großansicht */
  --color-coral: #f0604c;        /* Rot der Wortmarke, nur auf Nachtblau */
  --color-mint: #8fd5c9;         /* Türkis der Schrift, nur auf Nachtblau */
  --color-orange: #f29a4a;
  --color-lime: #b4d24f;

  /* Helle Flächen */
  --color-paper: #faf6ef;        /* warmes Off-White, Hintergrund */
  --color-paper-deep: #f3ebdd;   /* leicht getönte Flächen */
  --color-card: #fffcf6;         /* Rahmen um die Bilder */
  --color-line: #d9cdb9;
  --color-red: #b93d29;          /* Rot für helle Flächen */
  --color-turquoise: #2f9186;    /* Türkis für helle Flächen */

  --color-text: var(--color-night);
  --color-link: #1c4f8a;
  --color-focus: var(--color-night);   /* Fokusrahmen bei Tastaturbedienung */
  --color-focus-light: #ffd27a;        /* dasselbe auf dunklem Grund */

  /* Schrift: Lora liegt in assets/fonts, nichts kommt von fremden Servern */
  --font-text: "Lora", Georgia, "Times New Roman", serif;
  --text-base: 1.1875rem;        /* 19px */
  --text-small: 1.0625rem;
  --line-height: 1.7;

  /* Breiten und Abstände */
  --width-wide: 1100px;          /* Galerie */
  --width-text: 680px;           /* Fließtext */
  --gutter: 1.25rem;
  --space-section: clamp(2.75rem, 7vw, 5rem);

  /* Einheitlicher Bilderrahmen */
  --radius: 10px;
  --shadow: 0 2px 12px rgb(35 47 78 / 0.14);

  /* Warmer Filter über allen Bildern, gilt auch in der Lightbox */
  --image-filter: saturate(1.12) sepia(0.06) contrast(1.02);

  --touch-target: 48px;
  --header-height: 4.5rem;
}