/**
 * 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().
 *
 * Three palettes:
 *   :root                     default section (.color-section)
 *   .wrapper-alternate-color  dark section
 *   .wrapper-extra-color      light neutral section
 * 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.
 */

:root {
    /* Surfaces and text */
    --body-bg-clr: #f4f2ee;
    --bg-clr: #f4f2ee;
    --font-clr: #2b2622;
    --heading-clr: #1c1917;

    /* Links and lines */
    --link-clr: #0e3947;
    --link-hover-clr: #69564a;
    --border-clr: #d8d2ca;

    /* Accents and helpers */
    --accent-clr: #0e3947;
    --accent-soft-clr: #e3e3e6;
    --neutral-clr: #e9e4dc;
    --placeholder-clr: #8a8178;

    /* 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: #0e3947;
    --btn-font-clr: #f4f2ee;
    --btn-hover-bg: #1c1917;
    --btn-hover-font: #f4f2ee;

    /* Text-link button (.btn-no-bg) */
    --no-bg-btn-clr: #0e3947;
    --no-bg-btn-hover-clr: #69564a;

    /* Header and navigation: white bar, page text colors */
    --header-bg-clr: #f4f2ee;
    --header-font-clr: #1c1917;
    --header-link-clr: #1c1917;
    --header-link-hover-clr: #0e3947;
    --submenu-bg-clr: #f4f2ee;

    /* 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: #ffffff;
    --header-on-hero-link-clr: #ffffff;
    --header-on-hero-link-hover-clr: #c7bab1;

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

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

    /* Off-canvas menu */
    --slideout-bg-clr: #f4f2ee;
    --slideout-link-clr: var(--font-clr);
    --slideout-accent-clr: var(--link-clr);
    --slideout-border-clr: var(--border-clr);
    --slideout-subitem-bg-clr: var(--neutral-clr);

    /* 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: #1b2a30;
    --font-clr: #e8e2d8;
    --heading-clr: #ffffff;
    --link-clr: #c7bab1;
    --link-hover-clr: #ffffff;
    --accent-clr: #c7bab1; /* the accent, readable on the dark background */
    --rating-clr: var(--accent-clr); /* resolve again for the dark accent */
    --border-clr: #2f3f46;
    --accent-soft-clr: #24353c;
    --neutral-clr: #24353c;
    --placeholder-clr: #9aa5a9;
    --btn-bg: #f4f2ee;
    --btn-font-clr: #1b2a30;
    --btn-hover-bg: #c7bab1;
    --btn-hover-font: #1b2a30;
    --no-bg-btn-clr: #f4f2ee;
    --no-bg-btn-hover-clr: #c7bab1;
}

/* Light neutral section */
.wrapper-extra-color {
    --bg-clr: #e9e4dc;
    --neutral-clr: #f4f2ee;
    --accent-soft-clr: #dcd4c9;
}