/* =========================================================================
   THEME 09 — OCEAN WAVE  (깊은 바다)  #시원함 #틸 #청량
   딥 네이비-틸 다크 + 아쿠아 포인트. 맑고 시원한 청량 무드.
   ========================================================================= */
[data-theme="ocean-wave"]{
  --bg:#05121a;
  --bg-2:#08171f;
  --surface:#0d1f28;
  --surface-2:#132b35;
  --fg:#eafcff;
  --fg-muted:#93b3bd;
  --fg-dim:#5a747d;
  --accent:#17b6c9;
  --accent-2:#5fe0d4;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.16);
  --live:#ff5c8a;

  --tracking-wide:.28em;
  --radius:14px;
  --radius-lg:20px;

  --hero-image:
    radial-gradient(120% 92% at 78% 6%, rgba(23,182,201,.22), transparent 55%),
    radial-gradient(80% 70% at 12% 100%, rgba(95,224,212,.12), transparent 60%),
    linear-gradient(180deg,#07161f 0%,#040d13 100%);
  --hero-overlay:linear-gradient(180deg, rgba(4,13,19,.10) 0%, rgba(4,13,19,.5) 55%, var(--bg) 100%);
}
[data-theme="ocean-wave"] .hero .bg::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(55% 70% at 50% 0%, rgba(95,224,212,.08), transparent 60%);
  mix-blend-mode:screen;
}
[data-theme="ocean-wave"] .hero h1{font-weight:500;letter-spacing:.01em}
[data-theme="ocean-wave"] .hero .mark{font-weight:700}
[data-theme="ocean-wave"] .card:hover{box-shadow:0 16px 40px rgba(23,182,201,.18)}