/* ==========================================================================
   大溪國中紀念網站 - Theme: Cloudy Blue (白雲晴空，清爽明亮)
   ========================================================================== */

:root[data-theme="cloudy-blue"] {
  --bg-gradient: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
  --text-main: #0f172a;
  --text-muted: #64748b;
  --primary-color: #0284c7; /* Sky blue */
  --accent-color: #38bdf8; /* Light blue accent */
  --card-bg: rgba(255, 255, 255, 0.7);
  --border-color: rgba(186, 230, 253, 0.5);
  --header-bg: rgba(255, 255, 255, 0.8);
  --footer-bg: rgba(224, 242, 254, 0.8);
  --footer-text: #0369a1;
}

[data-theme="cloudy-blue"] .card-icon {
  background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
  color: #0284c7;
  box-shadow: inset 0 2px 4px rgba(255,255,255,0.8);
}

[data-theme="cloudy-blue"] .hero::before {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(2, 132, 199, 0.5));
}

[data-theme="cloudy-blue"] .hero h1 {
  color: #ffffff;
  text-shadow: 0 4px 15px rgba(2, 132, 199, 0.6);
}

[data-theme="cloudy-blue"] .hero p {
  color: #ffffff;
  text-shadow: 0 2px 10px rgba(2, 132, 199, 0.6);
}

[data-theme="cloudy-blue"] .hero-content {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 8px 32px rgba(2, 132, 199, 0.1);
}