/*
:filename: statics/clamming_theme.css
:author: Brigitte Bigi
:contact: contact@sppas.org
:summary: Theme of the ClammingPy documentations.

.. _This file is part of ClammingPy: https://github.com/brigitte-bigi/ClammingPy
..
    -------------------------------------------------------------------------

    Copyright (C) 2023-2026 Brigitte Bigi
    Laboratoire Parole et Langage, Aix-en-Provence, France

    Use of this software is governed by the GNU Public License, version 3.

    ClammingPy is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    ClammingPy is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with ClammingPy. If not, see <http://www.gnu.org/licenses/>.

    This banner notice must not be removed.

    -------------------------------------------------------------------------

    This file is the theme the pages open with: it is the one loaded by
    <link id="wexa-theme">, and 'ThemeManager' replaces it as a whole when the
    reader asks for the high-contrast theme. It defines colors only. The sizes,
    the layout and the classes of the documentation pages are in 'clamming.css',
    which is linked apart.

*/

/* =======================================================================
                           VARIABLE RE-DEFINITIONS
  ======================================================================== */

:root:not(.dark) {
    --nav-bg-color: rgb(30, 30, 60);
    --nav-fg-color: rgb(230, 230, 230);
    --footer-bg-color: rgb(30, 30, 60);
    --footer-fg-color: rgb(230, 230, 230);
}

/* =======================================================================
                              DECORATION RULES

  They are in the 'theme' layer, as the built-in themes of Whakerexa do, so
  that the contrast mode of the accessibility layer keeps the last word.

  ======================================================================== */

@layer theme {

    /* functions */
    h4 {
        color: rgb(0, 102, 187);  /* Name.function in code.css */
    }

    h5 {
        color: var(--h5-color);
    }

    /* 'layout.css' makes the background of all the children of a card transparent,
       so the colors of the button of the footer are restored here. */

    .card .card-footer a[role=button] {
        background-color: var(--buttons-bg-color);
        color: var(--buttons-fg-color);
    }

    .card .card-footer a[role=button]:hover {
        background-color: var(--buttons-bg-color-hover);
    }

}