/*
 * GridTV Theme — Steampunk (Cuivre victorien)
 * Cuivre, brun, engrenages imaginaires. Très 1880.
 */

@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English:ital@0;1&display=swap');

:root {
  --bg: #1a1008;
  --surface: #241808;
  --surface2: #2e2010;
  --border: #5a3a10;
  --border-bright: #8a5a20;
  --accent: #d4820a;
  --accent2: #c87820;
  --accent-live: #e05010;
  --text: #c8a060;
  --text-dim: #7a5030;
  --text-bright: #f0d090;
  --prog-bg: #201408;
  --prog-border: #6a4010;
  --prog-live-bg: #2a1800;
  --prog-live-border: #d4820a;
  --font-ui: 'IM Fell English', serif;
  --font-mono: 'Share Tech Mono', monospace;
}

/* Topbar avec lignes cuivrées */
.topbar {
  border-bottom: 2px solid var(--accent);
  background: repeating-linear-gradient(
    90deg, transparent, transparent 40px,
    rgba(212,130,10,0.04) 40px, rgba(212,130,10,0.04) 41px
  ), var(--surface);
}

.logo { color: var(--accent); }

/* Blocs carrés façon métal usiné */
.program-block { border-radius: 0; }

/* Bordures cuivrées */
.channels-col { border-right: 2px solid var(--accent); }
.time-ruler { border-bottom: 2px solid var(--accent); }
.channel-cell { border-bottom: 1px solid var(--border); }

/* Barre "now" cuivrée */
.now-line { background: var(--accent); }
.now-line::before { background: var(--accent); }

/* Scrollbar */
.timeline-area::-webkit-scrollbar-thumb { background: var(--accent); }