/* ============================================================
   TEMA „VARĂ" — body.theme-vara. Contractul (ce se poate schimba) e descris în craciun.css.
   Plajă: cer, mare cu spumă, nisip; soarele şi umbrela stau în app/views/themes/vara.php.
   ============================================================ */
body.theme-vara{
  --navy:#0a6fb5; --navy-600:#0d82d3; --navy-900:#074f82;
  --blue:#0a6fb5; --blue-100:#e3f3fd;
  --orange:#ffb400; --orange-600:#e5a000; --orange-100:#fff4d6;
  --sky:#e8f7ff; --sky-200:#bfe6fb; --cyan:#12b4e6;
  --bg-soft:#f4fbff; --line:#dbeaf3;
}
body.theme-vara .topbar{background:linear-gradient(90deg,#0a6fb5,#12b4e6)}
body.theme-vara .header{border-bottom:4px solid;border-image:linear-gradient(90deg,#12b4e6,#ffd166 50%,#f3dc9f) 1}
/* cer → mare → nisip, cu o linie de spumă la ţărm */
body.theme-vara .hero-main{position:relative;background:linear-gradient(180deg,#1489d6 0%,#7fd0ff 40%,#1f9fd9 40%,#63c9f5 62%,#f5dfa4 62%,#e9cd83 100%)}
body.theme-vara .hero-main::after{content:"";position:absolute;left:0;right:0;top:calc(62% - 8px);height:16px;z-index:1;pointer-events:none;
  background:radial-gradient(circle at 50% 0,rgba(255,255,255,.85) 0 7px,transparent 8px) 0 0/28px 16px repeat-x}
body.theme-vara .hero-copy h1,body.theme-vara .hero-copy h2,body.theme-vara .hero-copy p{text-shadow:0 2px 14px rgba(0,60,120,.45)}
body.theme-vara .hero-visual{background:rgba(255,255,255,.3)}
body.theme-vara .hero-season .hero-visual{background:rgba(255,255,255,.18)}
body.theme-vara .season-kicker{background:#ffb400;border-color:#ffb400;color:#3a2a00}
body.theme-vara .weekly{background:linear-gradient(135deg,#ffb400,#ff8c42)}
body.theme-vara .weekly-head h2{text-shadow:2px 2px 0 #0a6fb5,-1px -1px 0 #0a6fb5,1px -1px 0 #0a6fb5,-1px 1px 0 #0a6fb5}
body.theme-vara .cat-banner{background:linear-gradient(135deg,#0a6fb5,#12b4e6 60%,#ffd166)!important}
body.theme-vara .theme-strip{background:#fff8e1;color:#7a4b00;border-bottom:1px solid #f6e3a8}
body.theme-vara .theme-strip a{color:#0a6fb5}
body.theme-vara .tile-cyan{background:linear-gradient(135deg,#12b4e6 0 58%,#fff4d6 58%)}
body.theme-vara .footer{background:linear-gradient(180deg,#f4fbff,#fff4d6)}
body.theme-vara .footer-bottom{background:linear-gradient(90deg,#0a6fb5,#12b4e6)}
/* soarele se roteşte încet (doar cu efectele pornite) */
body.theme-vara.theme-fx .sun-rays{transform-box:fill-box;transform-origin:center;animation:mt-sun 40s linear infinite}
@keyframes mt-sun{to{transform:rotate(360deg)}}