/* assets/css/var.css — Electric Wave palette */

:root {
  /* ── HEADER ─────────────────────────────────────── */
  /* Background: deep ocean, slightly elevated        */
  --css_header_background_color: #06101e;

  /* All header text / icons                          */
  --css_header_link_color: #f0f6ff;

  /* PRIMARY header button (ANMELDEN / Register)      */
  /* Bright cyan on near-black — maximum contrast     */
  --css_header_primary_button_background_color: #00d4ff;
  --css_header_primary_button_text_color: #04090f;

  /* SECONDARY header button (LOGIN / ghost)          */
  /* Semi-transparent cyan tint with border via CSS   */
  --css_header_primary_second_button_background_color: rgba(0, 212, 255, 0.09);
  --css_header_primary_second_button_text_color: #c0ddf5;

  /* ── MAIN / PAGE ────────────────────────────────── */
  /* Page background: deepest ocean                   */
  --css_main_background_color: #060e1c;

  /* Inline links inside body text                    */
  --css_main_link_color: #00d4ff;

  /* H1–H4 across main sections                       */
  --css_main_heading_color: #f0f6ff;

  /* Body copy                                        */
  --css_main_text_color: #8aabcc;

  /* PRIMARY action buttons (hero CTA, section CTA)   */
  /* Cyan on dark — the Electric Wave signature color  */
  --css_main_primary_button_background_color: #00d4ff;
  --css_main_primary_button_text_color: #04090f;

  /* SECONDARY action buttons (ghost / "Mehr anzeigen") */
  --css_main_primary_second_button_background_color: rgba(0, 212, 255, 0.07);
  --css_main_primary_second_button_text_color: #00d4ff;

  /* ── CONTENT AREA ───────────────────────────────── */
  /* Card / article / game-card surface               */
  --css_content_background_color: #0d1f35;

  /* Links inside content / article blocks            */
  --css_content_link_color: #00d4ff;

  /* Headings inside content blocks                   */
  --css_content_heading_color: #f0f6ff;

  /* Text inside content blocks                       */
  --css_content_text_color: #8aabcc;

  /* Content primary button (inside article, etc.)    */
  --css_content_primary_button_background_color: rgba(0, 212, 255, 0.09);
  --css_content_primary_button_text_color: #00d4ff;

  /* Content secondary button                         */
  --css_content_primary_second_button_background_color: rgba(255, 255, 255, 0.05);
  --css_content_primary_second_button_text_color: #8aabcc;

  /* Table chrome                                     */
  --css_content_table_border_color: rgba(0, 212, 255, 0.13);
  --css_content_table_header_background_color: rgba(0, 212, 255, 0.07);
  --css_content_table_tr_paired_lines_background_color: rgba(13, 31, 53, 0.9);
  --css_content_table_tr_unpaired_lines_background_color: rgba(6, 14, 28, 0.55);

  /* ── BANNER / HERO ACCENT ───────────────────────── */
  /* Used as:                                          */
  /*   — hero orb #2 tint                             */
  /*   — bonus-strip gradient tint                    */
  /*   — LIVE badge & live-section accent (--ew-live) */
  /* Coral energises the "live" elements              */
  --css_banner_background_color: #ff4060;

  /* Text colours inside hero/banner panel            */
  --css_banner_title_color: #f0f6ff;
  --css_banner_text_color: #c4d4e8;

  /* Hero primary button (Jetzt spielen!)             */
  /* Same cyan family keeps the palette coherent      */
  --css_banner_button_background_color: #00d4ff;
  --css_banner_button_text_color: #04090f;
}