/**
 * 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 (Suomen Jättikasvisyhdistys, prototype G, 27.10.2026) */
    --body-bg-clr: #ffffff;
    --bg-clr: #ffffff;
    --font-clr: #24190f;
    --heading-clr: #d9640a; /* pumpkin orange, darkened for contrast; h3 uses --font-clr (base.css) */

    /* Links and lines */
    --link-clr: #8f3a06;
    --link-hover-clr: #24190f;
    --border-clr: #eadbc8;

    /* Accents and helpers */
    --accent-clr: #ee7a12; /* pumpkin: large surfaces and numbers */
    --accent-soft-clr: #fce1c4; /* apricot */
    --neutral-clr: #fff4e8; /* cards on white */
    --placeholder-clr: #8a7b6c;

    /* Project colors: stem (summer months, Tromboncino) and the measuring tape */
    --stem-clr: #4f7a22;
    --tape-clr: #f7c600;
    --tape-tick-clr: #24190f;
    --sub-heading-clr: #4f7a22; /* eyebrow above section headings (.sub-heading) */

    /* Primary button */
    --btn-bg: #8f3a06;
    --btn-font-clr: #ffffff;
    --btn-hover-bg: #24190f;
    --btn-hover-font: #ffffff;

    /* Text-link button (.btn-no-bg) */
    --no-bg-btn-clr: #8f3a06;
    --no-bg-btn-hover-clr: #24190f;

    /* Header and navigation: white bar, page text colors */
    --header-bg-clr: #ffffff;
    --header-font-clr: var(--font-clr);
    --header-link-clr: var(--font-clr);
    --header-link-hover-clr: var(--heading-clr);
    --submenu-bg-clr: #ffffff;

    /* 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: #fce1c4;

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

/* Dark section: soil */
.wrapper-alternate-color {
    --bg-clr: #24190f;
    --font-clr: #f3e9dc;
    --heading-clr: #ff9a3c;
    --link-clr: #ffb066;
    --link-hover-clr: #ffffff;
    --accent-clr: #ff9a3c; /* the accent, readable on the dark background */
    --sub-heading-clr: #ff9a3c;
    --border-clr: #4a3626;
    --accent-soft-clr: #4a3626;
    --neutral-clr: #33261a;
    --placeholder-clr: #b3a18d;
    --btn-bg: #ee7a12;
    --btn-font-clr: #24190f;
    --btn-hover-bg: #ffffff;
    --btn-hover-font: #24190f;
    --no-bg-btn-clr: #ffffff;
    --no-bg-btn-hover-clr: #ffb066;
}

/* Light section: apricot */
.wrapper-extra-color {
    --bg-clr: #fce1c4;
    --neutral-clr: #ffffff;
    --border-clr: #e9c9a4;
    --accent-soft-clr: #f8c98c;
}