/* =====================================================================
   THEME (GOTH) — black and blood red.
   Every colour, the fonts and the corner rounding live here.
   Change a value, save, refresh. Nothing else needs touching.
   (Also update <meta name="theme-color"> in the HTML files if you
    change --bg-page, and favicon.svg / logo.png for your brand.)
   ===================================================================== */
:root {
  color-scheme: dark;        /* dark dropdowns, inputs and scrollbars */

  /* ---------- Page & surfaces ---------- */
  --bg-page:        #0b0809;   /* main page background (warm black)             */
  --bg-card:        #150d10;   /* header, cards, sidebar, inputs, footer        */
  --bg-subtle:      #1d1216;   /* placeholder behind thumbnails while loading   */
  --page-glow:      radial-gradient(ellipse 60% 100% at 50% 0%, rgba(181, 18, 46, .20), transparent);
                             /* faint red glow at the top of the page; set to "none" to remove */

  /* ---------- Text ---------- */
  --text:           #f2e9e6;   /* headings, stream names, nav (bone white)      */
  --text-body:      #ddd0cd;   /* paragraphs on About / DMCA / 2257 / SEO copy  */
  --text-muted:     #a2949a;   /* small print: followers, locations, counts     */

  /* ---------- Lines ---------- */
  --border:         #2b171c;   /* card / header / footer outlines               */
  --border-strong:  #4d2229;   /* inputs, buttons, hover outlines               */

  /* ---------- Brand accent ---------- */
  --accent:         #b5122e;   /* button and selected-tag background (crimson)  */
  --accent-hover:   #d4183a;   /* button hover                                  */
  --accent-tint:    #2a0d13;   /* dark red wash: nav highlight, hovered tag     */
  --on-accent:      #fff5f3;   /* text sitting on the accent colour             */
  --on-accent-soft: #ffc2ca;   /* small counts sitting on the accent colour     */
  --accent-text:    #ff5a70;   /* red used for link / tag TEXT (lighter so it   */
  --accent-text-hover: #ff8fa0; /*   stays readable on black)                   */
  --focus-ring:     #ff5a70;   /* keyboard focus outline                        */

  /* ---------- Badges on thumbnails ---------- */
  --badge-live:     #c8102e;   --on-badge-live: #ffffff;
  --badge-new:      #e8dcd6;   --on-badge-new:  #1a0c10;
  --badge-hd:       #2a1418;   --on-badge-hd:   #f2e9e6;
  --overlay:        rgba(11, 8, 9, .82);   /* "1,234 watching" pill background */
  --on-overlay:     #f2e9e6;

  /* ---------- Video player ---------- */
  --player-bg:      #050304;
  --on-player:      #d8c8c5;

  /* ---------- Messages ---------- */
  --notice-bg:      #2a1c0c;   --notice-border: #6b4a1a;  --notice-text: #f0d49a;  /* template notices */
  --error-bg:       #2a0d13;   --error-border:  #7a1a2c;  --error-text:  #ffb3bf;  /* feed errors      */

  /* ---------- Loading placeholders & mobile menu backdrop ---------- */
  --skeleton:       #1d1216;
  --skeleton-shine: #2a181e;
  --scrim:          rgba(0, 0, 0, .65);
  --shadow:         rgba(0, 0, 0, .6);     /* mobile tag panel shadow */

  /* ---------- Shape & type ---------- */
  --radius:         6px;       /* cards, sidebar, panels (sharp for a gothic feel) */
  --radius-sm:      4px;       /* buttons, inputs                                  */
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Palatino Linotype", Palatino, "Book Antiqua", "URW Palladio L", Georgia, serif;
}