/*
 * KLAS DIGITAL v186 — Channel Theme Tokens
 * Phase 8: data-channel CSS binding foundation
 *
 * Purpose:
 * - Provide shared channel variables for global player, radio directory, and radio detail pages.
 * - Keep JS free of inline style updates; JS should only change data-channel attributes.
 * - No legacy V185 style blocks are modified by this file.
 */

:root {
  --kd-channel-primary: #E10613;
  --kd-channel-light: #C00510;
  --kd-channel-glow: rgba(225, 6, 19, 0.32);
  --kd-channel-border: rgba(225, 6, 19, 0.34);
  --kd-channel-bg-soft: rgba(225, 6, 19, 0.10);
  --kd-channel-text: #ffffff;
}

[data-channel] {
  --channel-primary: var(--kd-channel-primary);
  --channel-color: var(--kd-channel-primary);
  --channel-light: var(--kd-channel-light);
  --channel-color-light: var(--kd-channel-light);
  --channel-glow: var(--kd-channel-glow);
  --channel-border: var(--kd-channel-border);
  --channel-bg-soft: var(--kd-channel-bg-soft);
  --channel-text: var(--kd-channel-text);
  --channel-accent: var(--channel-primary);
}

[data-channel="klas-digital"],
[data-channel="klas-radyo"] {
  --channel-primary: #E10613;
  --channel-color: #E10613;
  --channel-light: #C00510;
  --channel-color-light: #C00510;
  --channel-glow: rgba(225, 6, 19, 0.32);
  --channel-border: rgba(225, 6, 19, 0.36);
  --channel-bg-soft: rgba(225, 6, 19, 0.10);
}

[data-channel="klas-hits"] {
  --channel-primary: #FF2D78;
  --channel-color: #FF2D78;
  --channel-light: #D41860;
  --channel-color-light: #D41860;
  --channel-glow: rgba(255, 45, 120, 0.32);
  --channel-border: rgba(255, 45, 120, 0.36);
  --channel-bg-soft: rgba(255, 45, 120, 0.10);
}

[data-channel="klas-80s"] {
  --channel-primary: #F59E0B;
  --channel-color: #F59E0B;
  --channel-light: #C07A08;
  --channel-color-light: #C07A08;
  --channel-glow: rgba(245, 158, 11, 0.30);
  --channel-border: rgba(245, 158, 11, 0.36);
  --channel-bg-soft: rgba(245, 158, 11, 0.10);
}

[data-channel="klas-throwback"] {
  --channel-primary: #8B5CF6;
  --channel-color: #8B5CF6;
  --channel-light: #6D3FD4;
  --channel-color-light: #6D3FD4;
  --channel-glow: rgba(139, 92, 246, 0.30);
  --channel-border: rgba(139, 92, 246, 0.36);
  --channel-bg-soft: rgba(139, 92, 246, 0.10);
}

[data-channel="klas-legends"] {
  --channel-primary: #B8860B;
  --channel-color: #B8860B;
  --channel-light: #8A6508;
  --channel-color-light: #8A6508;
  --channel-glow: rgba(184, 134, 11, 0.30);
  --channel-border: rgba(184, 134, 11, 0.36);
  --channel-bg-soft: rgba(184, 134, 11, 0.10);
}

[data-channel="klas-tiktok-hits"] {
  --channel-primary: #00F2EA;
  --channel-color: #00F2EA;
  --channel-light: #00A89E;
  --channel-color-light: #00A89E;
  --channel-glow: rgba(0, 242, 234, 0.26);
  --channel-border: rgba(0, 242, 234, 0.34);
  --channel-bg-soft: rgba(0, 242, 234, 0.09);
}

[data-channel="klas-acoustic"] {
  --channel-primary: #6C5CE7;
  --channel-color: #6C5CE7;
  --channel-light: #5040C0;
  --channel-color-light: #5040C0;
  --channel-glow: rgba(108, 92, 231, 0.30);
  --channel-border: rgba(108, 92, 231, 0.36);
  --channel-bg-soft: rgba(108, 92, 231, 0.10);
}

[data-channel="klas-slow"] {
  --channel-primary: #EC4899;
  --channel-color: #EC4899;
  --channel-light: #C03078;
  --channel-color-light: #C03078;
  --channel-glow: rgba(236, 72, 153, 0.30);
  --channel-border: rgba(236, 72, 153, 0.36);
  --channel-bg-soft: rgba(236, 72, 153, 0.10);
}

[data-channel="klas-dance"] {
  --channel-primary: #00B4D8;
  --channel-color: #00B4D8;
  --channel-light: #0088A8;
  --channel-color-light: #0088A8;
  --channel-glow: rgba(0, 180, 216, 0.30);
  --channel-border: rgba(0, 180, 216, 0.36);
  --channel-bg-soft: rgba(0, 180, 216, 0.10);
}

[data-channel="klas-tv"] {
  --channel-primary: #2F80ED;
  --channel-color: #2F80ED;
  --channel-light: #8EC5FF;
  --channel-color-light: #8EC5FF;
  --channel-glow: rgba(47, 128, 237, 0.30);
  --channel-border: rgba(47, 128, 237, 0.36);
  --channel-bg-soft: rgba(47, 128, 237, 0.10);
}

[data-channel="klas-magazin"] {
  --channel-primary: #F2994A;
  --channel-color: #F2994A;
  --channel-light: #FFD19A;
  --channel-color-light: #FFD19A;
  --channel-glow: rgba(242, 153, 74, 0.30);
  --channel-border: rgba(242, 153, 74, 0.36);
  --channel-bg-soft: rgba(242, 153, 74, 0.10);
}

[data-channel="klas-club"] {
  --channel-primary: #D4AF37;
  --channel-color: #D4AF37;
  --channel-light: #FFE08A;
  --channel-color-light: #FFE08A;
  --channel-glow: rgba(212, 175, 55, 0.30);
  --channel-border: rgba(212, 175, 55, 0.38);
  --channel-bg-soft: rgba(212, 175, 55, 0.10);
}

/* Reusable utilities for v186 radio directory/detail components. */
.kd-channel-accent { color: var(--channel-primary); }
.kd-channel-border { border-color: var(--channel-border); }
.kd-channel-bg-soft { background: var(--channel-bg-soft); }
.kd-channel-glow { box-shadow: 0 0 28px var(--channel-glow); }
.kd-channel-fill { background: linear-gradient(135deg, var(--channel-primary), var(--channel-light)); }

@media print {
  [data-channel] {
    --channel-primary: var(--channel-light);
    --channel-color: var(--channel-light);
  }
}