/*
 * ============================================================
 *  COLORS — LIGHT THEME
 *  The Tan Lines — Garage-Beat from Marburg
 *  Palette from bild2: Golden Yellow #FDD20E / Bright Red #C72D1B
 * ============================================================
 */

:root.light {

  /* --- Backgrounds --- */
  --bg:        #fff8e1;          /* warm off-white, nah an Gold */
  --bg-mid:    #fef3c7;          /* leicht satteres Gelb */
  --bg-card:   rgba(199, 45, 27, .06);   /* Rot-Hauch für Cards */
  --bg-card-2: rgba(199, 45, 27, .10);

  /* --- Accent (Bright Red) --- */
  --accent:     #c72d1b;
  --accent-dim: rgba(199, 45, 27, .16);
  --accent-ink: #fff8e1;         /* helles Creme auf Rot-Buttons */

  /* --- Typography --- */
  --text:       #c72d1b;         /* Überschriften in Rot */
  --text-soft:  #9e2114;         /* etwas dunkler für Hover */
  --text-muted: #8a5c00;         /* sekundäre Texte – dunkles Gold */
  --text-body:  #3b1a00;         /* Fließtext – tiefes Braun-Schwarz */

  /* --- Dividers / Borders --- */
  --line:       rgba(199, 45, 27, .20);

  /* --- Header backdrop --- */
  --header-bg:  rgba(253, 210, 14, .92);   /* Goldgelb, leicht transparent */

  /* --- Mobile nav backdrop --- */
  --nav-bg:     rgba(255, 248, 225, .98);

  /* --- Vignette overlays (body::before) --- */
  --vignette-a: rgba(199, 45, 27, .06);
  --vignette-b: rgba(253, 210, 14, .08);

  /* --- Focus ring --- */
  --focus: 0 0 0 3px rgba(199, 45, 27, .35);
}