/*
 * xhuzz Theme
 *
 * All colors are defined as CSS custom properties below.
 * To swap the palette, edit the values in :root — every page
 * picks them up automatically via Tailwind's theme extension
 * configured in base.html.
 *
 * Color tokens
 * ────────────────────────────────────────────────
 * Background
 *   --color-bg-body      Page background
 *   --color-bg-surface   Nav, footer, cards
 *   --color-bg-elevated  Inputs, image placeholders, buttons
 *   --color-bg-overlay   Secondary buttons (source btns)
 *   --color-bg-player    Video player area
 *
 * Border
 *   --color-border        Default border (nav/footer/cards)
 *   --color-border-input  Input borders
 *   --color-border-hover  Hover state borders
 *
 * Text
 *   --color-text-primary    Body text
 *   --color-text-secondary  Subtitles, metadata
 *   --color-text-muted      Least-emphasis text
 *   --color-text-heading    Headings, logo
 *   --color-text-nav        Navigation links
 *
 * Accent
 *   --color-accent          Buttons, focus rings
 *   --color-accent-active   Active/selected state
 *   --color-accent-text     Inline links
 */

:root {
  /* ── Backgrounds ── */
  --color-bg-body:     #07060f;   /* near-black with purple tint */
  --color-bg-surface:  #0e0c1a;   /* dark purple-tinted surface */
  --color-bg-elevated: #17142a;   /* elevated purple-dark */
  --color-bg-overlay:  #251f40;   /* visible overlay */
  --color-bg-player:   #000000;   /* black */

  /* ── Borders ── */
  --color-border:       #1e1a30;  /* subtle purple border */
  --color-border-input: #2e2850;  /* input border */
  --color-border-hover: #7c3aed;  /* violet glow on hover */

  /* ── Text ── */
  --color-text-primary:   #ededf5; /* cool white */
  --color-text-secondary: #9b93c8; /* purple-tinted gray */
  --color-text-muted:     #5c5480; /* muted purple */
  --color-text-heading:   #ffffff; /* white */
  --color-text-nav:       #ccc8e8; /* soft lavender */

  /* ── Accent ── */
  --color-accent:        #8b5cf6;  /* violet-500 */
  --color-accent-active: #7c3aed;  /* violet-600 */
  --color-accent-text:   #a78bfa;  /* violet-400 */
}