/**
 * 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 (KTN):
 *   :root                     default section (.color-section), white
 *   .wrapper-alternate-color  lime section (XD contact card), white text
 *   .wrapper-extra-color      light grey section (header, hero band)
 * 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: #ffffff;
    --bg-clr: #ffffff;
    --font-clr: #1c1c1c;
    --heading-clr: #1c1c1c;

    /* Links and lines: text links use a darker lime so they pass contrast on white */
    --link-clr: #3f7a1c;
    --link-hover-clr: #2f3735;
    --border-clr: #e3e1dc;

    /* Accents and helpers: lime (XD), light grey surfaces */
    --accent-clr: #7eb554;
    --accent-soft-clr: #e9f3df;
    --neutral-clr: #f5f4f2;
    --placeholder-clr: #6b6b6b;

    /* Primary button: lime, hover licorice */
    --btn-bg: #7eb554;
    --btn-font-clr: #ffffff;
    --btn-hover-bg: #2f3735;
    --btn-hover-font: #ffffff;

    /* Text-link button (.btn-no-bg) */
    --no-bg-btn-clr: #1c1c1c;
    --no-bg-btn-hover-clr: #3f7a1c;

    /* Header and navigation: light grey bar, same as the hero band */
    --header-bg-clr: #f5f4f2;
    --header-font-clr: var(--font-clr);
    --header-link-clr: var(--font-clr);
    --header-link-hover-clr: var(--accent-clr);
    --submenu-bg-clr: #ffffff;

    /* Header on top of a hero (GP header element merged with the page hero):
       KTN heroes sit on a light band, so the on-hero colors are the page colors. */
    --header-on-hero-font-clr: #1c1c1c;
    --header-on-hero-link-clr: #1c1c1c;
    --header-on-hero-link-hover-clr: #7eb554;

    /* 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: #ffffff;
    --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);
}

/* Lime section (the "dark" palette role: white text, licorice button) */
.wrapper-alternate-color {
    --bg-clr: #7eb554;
    --font-clr: #ffffff;
    --heading-clr: #ffffff;
    --link-clr: #ffffff;
    --link-hover-clr: #e9f3df;
    --accent-clr: #ffffff;
    --border-clr: #9cc77c;
    --accent-soft-clr: #8fbf6a;
    --neutral-clr: #8fbf6a;
    --placeholder-clr: #6b6b6b;
    --btn-bg: #2f3735;
    --btn-font-clr: #ffffff;
    --btn-hover-bg: #ffffff;
    --btn-hover-font: #2f3735;
    --no-bg-btn-clr: #ffffff;
    --no-bg-btn-hover-clr: #e9f3df;
}

/* Light neutral section: header and hero band, boxed cards */
.wrapper-extra-color {
    --bg-clr: #f5f4f2;
    --neutral-clr: #ebe9e5;
    --accent-soft-clr: #dfeccf;
}