/*
 * ============================================================
 *  COLORS — DARK THEME  (Default)
 *  The Tan Lines — Garage-Beat from Marburg
 * ============================================================
 */

:root {

  /* --- Backgrounds --- */
  --bg:        #0a1a1b;
  --bg-mid:    #0e2224;
  --bg-card:   rgba(255, 255, 255, .05);
  --bg-card-2: rgba(255, 255, 255, .09);

  /* --- Accent (Golden Amber) --- */
  --accent:     #ffc94b;
  --accent-dim: rgba(255, 201, 75, .18);
  --accent-ink: #0a1a1b;        /* text ON accent buttons */

  /* --- Typography --- */
  --text:       #ffc94b;        /* headings */
  --text-soft:  #ffd977;        /* softer headings / active nav */
  --text-muted: #c9a96a;        /* secondary / nav links */
  --text-body:  #ddd0b0;        /* paragraph copy */

  /* --- Dividers / Borders --- */
  --line:       rgba(255, 201, 75, .14);

  /* --- Header backdrop --- */
  --header-bg:  rgba(10, 26, 27, .88);

  /* --- Mobile nav backdrop --- */
  --nav-bg:     rgba(10, 26, 27, .97);

  /* --- Vignette overlays (body::before) --- */
  --vignette-a: rgba(255, 201, 75, .07);
  --vignette-b: rgba(255, 201, 75, .04);

  /* --- Focus ring --- */
  --focus: 0 0 0 3px rgba(255, 201, 75, .4);
}