/**
 * Colors: every color of the theme as a custom property. Variables only.
 *
 * This is the file a project edits. The rules that apply these variables to
 * elements live in base.css; blocks read them with var().
 *
 * Four palettes:
 *   :root                     default section (.color-section)
 *   .wrapper-alternate-color  dark section
 *   .wrapper-extra-color      light neutral section
 *   .wrapper-base-color       the default palette again, for a light box
 *                             inside a dark section (a form card)
 * A palette wrapper only redefines what changes, everything else inherits.
 *
 * Names describe the role, not the color, so they stay true when a project
 * changes the values.
 *
 * The editor palette and GeneratePress global colors are generated from the
 * :root block of this file (includes/setup/palette.php): only hex values
 * count, and Customizer edits to global colors are ignored. A swatch picked
 * in the editor is stored as var(--slug), so it follows this file.
 *
 * Hers Klub (11.11.2026): cream page, burgundy text and dark sections, sand
 * as the neutral band, lavender as the highlight (buttons on dark, the
 * founding member strip and badge). Values from the client's site draft.
 */

:root {
    /* Surfaces and text */
    --body-bg-clr: #fcf8ef;
    --bg-clr: #fcf8ef;
    --font-clr: #560d12;
    --heading-clr: #560d12;

    /* Links and lines */
    --link-clr: #560d12;
    --link-hover-clr: #7a1e2b;
    --border-clr: #d9c8b4;

    /* Accents and helpers */
    --accent-clr: #75514c;
    --accent-soft-clr: #e9dcc9;
    --neutral-clr: #e9dcc9;
    --placeholder-clr: #75514c;

    /* Highlight: lavender surfaces with burgundy text (founding member strip,
       badges, header call to action, focus ring). */
    --highlight-clr: #cb8cf7;
    --on-highlight-clr: #560d12;

    /* Rating stars (testimonials, feedback form). Follows the accent; a
       project may set a fixed color here, e.g. Google's gold #f5b301. */
    --rating-clr: var(--accent-clr);

    /* Primary button */
    --btn-bg: #560d12;
    --btn-font-clr: #fcf8ef;
    --btn-hover-bg: #7a1e2b;
    --btn-hover-font: #fcf8ef;

    /* Text-link button (.btn-no-bg) */
    --no-bg-btn-clr: #560d12;
    --no-bg-btn-hover-clr: #7a1e2b;

    /* Header and navigation: burgundy bar, cream links */
    --header-bg-clr: #560d12;
    --header-font-clr: #fcf8ef;
    --header-link-clr: #fcf8ef;
    --header-link-hover-clr: #cb8cf7;
    --submenu-bg-clr: #560d12;

    /* Header on top of a hero (GP header element merged with the page hero):
       the bar is transparent, so these replace the header colors above.
       Defaults assume a dark hero image or section. */
    --header-on-hero-font-clr: #fcf8ef;
    --header-on-hero-link-clr: #fcf8ef;
    --header-on-hero-link-hover-clr: #cb8cf7;

    /* Media: lightbox and video backgrounds, text on top of images */
    --media-bg-clr: #000000;
    --on-media-clr: #ffffff;
    --on-media-dark-clr: #000000;

    /* Form messages */
    --success-clr: #15803d;
    --error-clr: #b91c1c;

    /* Off-canvas menu */
    --slideout-bg-clr: #560d12;
    --slideout-link-clr: #fcf8ef;
    --slideout-accent-clr: #cb8cf7;
    --slideout-border-clr: #7a3a40;
    --slideout-subitem-bg-clr: #6a1a20;

    /* Deprecated aliases, kept until blocks and skills use the role names. */
    --grey: var(--neutral-clr);
    --light-blue: var(--accent-soft-clr);
}

/* Dark section */
.wrapper-alternate-color {
    --bg-clr: #560d12;
    --font-clr: #fcf8ef;
    --heading-clr: #fcf8ef;
    --link-clr: #fcf8ef;
    --link-hover-clr: #cb8cf7;
    --accent-clr: #e9dcc9; /* labels and secondary text on the dark background */
    --rating-clr: var(--accent-clr); /* resolve again for the dark accent */
    --border-clr: #e9dcc9;
    --accent-soft-clr: #6a1a20;
    --neutral-clr: #6a1a20;
    --placeholder-clr: #e9dcc9;
    --btn-bg: #cb8cf7;
    --btn-font-clr: #560d12;
    --btn-hover-bg: #fcf8ef;
    --btn-hover-font: #560d12;
    --no-bg-btn-clr: #fcf8ef;
    --no-bg-btn-hover-clr: #cb8cf7;
}

/* Light neutral section */
.wrapper-extra-color {
    --bg-clr: #e9dcc9;
    --border-clr: #c9b49c;
    --neutral-clr: #fcf8ef;
    --accent-soft-clr: #fcf8ef;
}

/* Default palette again: a light box inside a dark section restores the
   :root text, link, line and button colors that the dark wrapper changed. */
.wrapper-base-color {
    --bg-clr: #fcf8ef;
    --font-clr: #560d12;
    --heading-clr: #560d12;
    --link-clr: #560d12;
    --link-hover-clr: #7a1e2b;
    --accent-clr: #75514c;
    --rating-clr: var(--accent-clr);
    --border-clr: #c9b49c;
    --accent-soft-clr: #e9dcc9;
    --neutral-clr: #e9dcc9;
    --placeholder-clr: #75514c;
    --btn-bg: #560d12;
    --btn-font-clr: #fcf8ef;
    --btn-hover-bg: #7a1e2b;
    --btn-hover-font: #fcf8ef;
    --no-bg-btn-clr: #560d12;
    --no-bg-btn-hover-clr: #7a1e2b;
}