/**
 * Colors: every color of the theme as a custom property. Variables only.
 *
 * Applari.fi values on the base theme's structure. The rules that apply these
 * variables live in base.css (and css/project.css for this site's extra
 * palette); blocks read them with var().
 *
 * Palettes:
 *   :root                     default section (.color-section): white
 *   .wrapper-alternate-color  beige section (the base theme's dark slot; on
 *                             this site the alternate palette is light)
 *   .wrapper-extra-color      light neutral section (base theme, unused here)
 *   .dark-color-section       dark green section (this site only; painting
 *                             rules in css/project.css)
 * A palette wrapper only redefines what changes, everything else inherits.
 *
 * 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.
 */

:root {
    /* Surfaces and text */
    --body-bg-clr: #ffffff;
    --bg-clr: #ffffff;
    --font-clr: #000000;
    --heading-clr: #074540;

    /* Links and lines */
    --link-clr: #fd6034;
    --link-hover-clr: #074540;
    --border-clr: #fd6034;

    /* Accents and helpers */
    --accent-clr: #fd6034;
    --accent-soft-clr: #ffe4db;
    --neutral-clr: #ebeae7;
    --placeholder-clr: #908e8e;

    /* Primary button */
    --btn-bg: #fd6034;
    --btn-font-clr: #ffffff;
    --btn-hover-bg: #074540;
    --btn-hover-font: #ffffff;

    /* Text-link button (.btn-no-bg) */
    --no-bg-btn-clr: #fd6034;
    --no-bg-btn-hover-clr: #074540;

    /* Header and navigation: beige bar, black links, orange hover and
       current item */
    --header-bg-clr: #ebeae7;
    --header-font-clr: var(--font-clr);
    --header-link-clr: var(--font-clr);
    --header-link-hover-clr: var(--link-clr);
    --submenu-bg-clr: #ffffff;

    /* Header on top of a hero (transparent header element) */
    --header-on-hero-font-clr: #ffffff;
    --header-on-hero-link-clr: #ffffff;
    --header-on-hero-link-hover-clr: #a1f2c7;

    /* 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: full-screen dark overlay (layout in project.css),
       orange top-level links, white sub-menu links */
    --slideout-bg-clr: rgba(10, 10, 10, 0.95);
    --slideout-link-clr: #ffffff;
    --slideout-accent-clr: var(--link-clr);
    --slideout-border-clr: transparent;
    --slideout-subitem-bg-clr: transparent;

    /* Applari brand colors by name, used by this site's own blocks
       (applari-stat, tarjous, svg-line-draw, marker-text). */
    --orange: #fd6034;
    --dark-green: #074540;
    --light-green: #a1f2c7;

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

/* Beige section */
.wrapper-alternate-color {
    --bg-clr: #ebeae7;
    --font-clr: #074540;
    --heading-clr: #074540;
    --link-clr: #fd6034;
    --link-hover-clr: #074540;
    --btn-bg: #fd6034;
    --btn-font-clr: #ffffff;
    --btn-hover-bg: #074540;
    --btn-hover-font: #ffffff;
    --no-bg-btn-clr: #fd6034;
    --no-bg-btn-hover-clr: #074540;
}

/* Light neutral section (base theme palette, not used on this site yet) */
.wrapper-extra-color {
    --bg-clr: #f5f4f1;
    --neutral-clr: #ebeae7;
}

/* Dark green section (this site only) */
.dark-color-section {
    --bg-clr: #074540;
    --font-clr: #ffffff;
    --heading-clr: #ffffff;
    --link-clr: #fd6034;
    --link-hover-clr: #ffffff;
    --accent-clr: #fd6034;
    --accent-soft-clr: #0d5c55;
    --neutral-clr: #0d5c55;
    --btn-bg: #fd6034;
    --btn-font-clr: #ffffff;
    --btn-hover-bg: #ffffff;
    --btn-hover-font: #074540;
    --no-bg-btn-clr: #fd6034;
    --no-bg-btn-hover-clr: #ffffff;
}