/* ==========================================================================
   Category Colour Themes — Revista Série Z
   Three distinct palettes, each harmonically derived from its highlight hue.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Geral (default) — Teal editorial
   Hue ~168°  |  cool, professional, neutral
   -------------------------------------------------------------------------- */
body.category-geral,
body.home,
body:not([class*="category-"]) {
    --primary-color:      #017769;
    --accent-color:       #014f46;
    --secondary-color:    #333333;
    --text-color:         #1a1a1a;
    --bg-color:           #ffffff;
    --grey-light:         #f5f5f5;
    --grey-medium:        #dddddd;

    /* Header — white main bar, off-white ticker, flat teal bottom line */
    --header-bg:          #ffffff;
    --header-text:        #1a1a1a;
    --header-text-muted:  #888888;
    --header-accent:      #017769;
    --header-border:      #e4e4e4;   /* flat grey divider between ticker and main  */
    --header-ticker-bg:   #f5f5f5;   /* one step off-white — tonal depth, no shadow */
    --footer-bg:          #1a1a1a;
}


/* --------------------------------------------------------------------------
   Grupo Z Carnaval — Purple / Violet palette
   Hue ~300°  |  theatrical, festive, carnival night
   Harmony: analogous (purple → magenta → violet) with dark-stage header
   -------------------------------------------------------------------------- */
body.category-grupo-z-carnaval {
    --primary-color:      #af34b2;   /* purple-magenta highlight             */
    --accent-color:       #7d257f;   /* deeper purple — borders, hover       */
    --secondary-color:    #5a3060;   /* muted purple — secondary text        */
    --text-color:         #1a0a1e;   /* purple-tinted near-black             */
    --bg-color:           #fdfaff;   /* barely-tinted white — airy body      */
    --grey-light:         #f0eaf4;   /* purple-tinted light grey             */
    --grey-medium:        #d0c4d8;   /* purple-tinted medium grey            */

    /* Header — three flat tones: ticker darkest → main bar → accent stripe  */
    --header-bg:          #200a24;   /* main bar: deep purple                */
    --header-text:        #f0e8f2;   /* light lavender-white                 */
    --header-text-muted:  #c4a8c8;   /* muted lavender                       */
    --header-accent:      #d668da;   /* lighter purple — readable on dark    */
    --header-border:      #2e1033;   /* flat tone between ticker and main    */
    --header-ticker-bg:   #160611;   /* darkest band — tonal depth           */
    --footer-bg:          #0d0410;   /* very dark purple                     */
}


/* --------------------------------------------------------------------------
   Série Z Olímpica — Gold / Amber palette
   Hue ~47°  |  prestige, solar, athletic achievement
   Harmony: analogous (gold → amber → warm-brown) with trophy-case header
   -------------------------------------------------------------------------- */
body.category-serie-z-olimpica {
    --primary-color:      #b89401;   /* rich gold highlight                  */
    --accent-color:       #7a6200;   /* dark gold / bronze — borders, hover  */
    --secondary-color:    #5a4a00;   /* very dark gold — secondary text      */
    --text-color:         #1a1200;   /* warm near-black                      */
    --bg-color:           #fffef5;   /* warm cream body background           */
    --grey-light:         #f5f0e0;   /* warm-tinted light grey               */
    --grey-medium:        #d8cc90;   /* warm-tinted medium grey              */

    /* Header — three flat tones: ticker darkest → main bar → accent stripe  */
    --header-bg:          #1e1600;   /* main bar: warm dark brown            */
    --header-text:        #f8f0dc;   /* warm off-white                       */
    --header-text-muted:  #c4a84a;   /* muted gold                           */
    --header-accent:      #f0c832;   /* bright gold — readable on dark       */
    --header-border:      #2c1e00;   /* flat tone between ticker and main    */
    --header-ticker-bg:   #110d00;   /* darkest band — tonal depth           */
    --footer-bg:          #0c0900;   /* very dark warm brown                 */
}


/* --------------------------------------------------------------------------
   Shared component overrides that use --primary-color
   (apply across all three themes automatically)
   -------------------------------------------------------------------------- */
.category-badges a,
.timeline-badge,
.pagination .current,
.read-more:hover {
    background-color: var(--primary-color);
    color: #fff;
    padding: 2px 10px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    transition: var(--transition);
}

.entry-title a:hover,
.entry-meta a:hover,
.main-navigation #primary-menu li a:hover {
    color: var(--primary-color);
}