/*!
 * CinePlayer — Crimson Tema
 * Koyu kırmızı/amber renk paleti — sinema estetiği
 * Kullanım: <div id="player" class="cp-theme-crimson">
 */
.cp-theme-crimson {
  --cp-primary:         #E53935;
  --cp-primary-light:   #FF6F60;
  --cp-bg:              #1A0A0A;
  --cp-surface:         rgba(229, 57, 53, 0.08);
  --cp-surface-hover:   rgba(229, 57, 53, 0.15);
  --cp-border:          rgba(229, 57, 53, 0.15);
  --cp-text:            #FFEBEE;
  --cp-text-muted:      rgba(255, 235, 238, 0.5);
  --cp-icon:            rgba(255, 235, 238, 0.85);
  --cp-icon-hover:      #ffffff;
  --cp-controls-bg:     linear-gradient(to top, rgba(26,10,10,0.95) 0%, transparent 100%);
  --cp-progress-bg:     rgba(229, 57, 53, 0.18);
  --cp-progress-buffer: rgba(229, 57, 53, 0.28);
  --cp-progress-fill:   var(--cp-primary);
  --cp-radius:          14px;
  --cp-radius-sm:       6px;
  --cp-menu-bg:         rgba(26, 10, 10, 0.97);
  --cp-menu-border:     rgba(229, 57, 53, 0.12);
  --cp-menu-hover:      rgba(229, 57, 53, 0.08);
  --cp-menu-active:     rgba(229, 57, 53, 0.2);
  --cp-subtitle-bg:     rgba(26, 10, 10, 0.85);
  --cp-subtitle-text:   #FFEBEE;
}

.cp-theme-crimson .cp-spinner-ring {
  border-top-color: #E53935;
}

.cp-theme-crimson .cp-progress-fill {
  background: linear-gradient(to right, #E53935, #FF6F60);
}

.cp-theme-crimson .cp-btn.is-active {
  color: #FF6F60;
}

.cp-theme-crimson .cp-big-play:hover {
  background: rgba(229, 57, 53, 0.5);
  border-color: #E53935;
}

/* Menü başlıkları amber tonu */
.cp-theme-crimson .cp-menu-header {
  color: rgba(255, 171, 64, 0.7);
}