/* ================================
   theme-dark.css (colors only)
   ================================ */

   :root {
    --bg:    #0f1115;
    --card:  #1b2030;
    --ink:   #e6e7ea;
    --muted: #9aa0aa;
  
    --accent:   #882266;  /* weather strip bar */
    --card-tint: rgba(255,255,255,0.08); /* subtle overlay for widget cards */
  }
  
  /* Page background + base text */
  html, body { background: var(--bg); color: var(--ink); }
  
  /* Weather strip color */
  .weather { background: var(--accent); }
  
  /* Generic widget card colors */
  .widget-card {
    background: var(--card);
    color: var(--ink);
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
  }
  
  /* Optionally add a translucent tint on forecast cards for contrast */
  .weather-forecast .widget-card { background: linear-gradient(0deg, var(--card-tint), var(--card-tint)), var(--card); }