/*!
 * CinePlayer — Ocean Tema
 * Koyu mavi/teal renk paleti
 * Kullanım: <div id="player" class="cp-theme-ocean">
 */
.cp-theme-ocean {
  --cp-primary:         #00BFA5;
  --cp-primary-light:   #64FFDA;
  --cp-bg:              #0A1628;
  --cp-surface:         rgba(0, 191, 165, 0.08);
  --cp-surface-hover:   rgba(0, 191, 165, 0.16);
  --cp-border:          rgba(0, 191, 165, 0.15);
  --cp-text:            #E0F7FA;
  --cp-text-muted:      rgba(224, 247, 250, 0.55);
  --cp-icon:            rgba(224, 247, 250, 0.85);
  --cp-icon-hover:      #ffffff;
  --cp-controls-bg:     linear-gradient(to top, rgba(10,22,40,0.92) 0%, transparent 100%);
  --cp-progress-bg:     rgba(0, 191, 165, 0.18);
  --cp-progress-buffer: rgba(0, 191, 165, 0.3);
  --cp-progress-fill:   var(--cp-primary);
  --cp-radius:          14px;
  --cp-radius-sm:       6px;
  --cp-menu-bg:         rgba(10, 22, 40, 0.97);
  --cp-menu-border:     rgba(0, 191, 165, 0.1);
  --cp-menu-hover:      rgba(0, 191, 165, 0.08);
  --cp-menu-active:     rgba(0, 191, 165, 0.18);
  --cp-subtitle-bg:     rgba(10, 22, 40, 0.82);
  --cp-subtitle-text:   #E0F7FA;
}

/* Spinner rengi */
.cp-theme-ocean .cp-spinner-ring {
  border-top-color: #00BFA5;
}

/* Progress fill rengi */
.cp-theme-ocean .cp-progress-fill {
  background: linear-gradient(to right, #00BFA5, #64FFDA);
}

/* Aktif buton */
.cp-theme-ocean .cp-btn.is-active {
  color: #64FFDA;
}

/* Büyük play hover */
.cp-theme-ocean .cp-big-play:hover {
  background: rgba(0, 191, 165, 0.5);
  border-color: #00BFA5;
}