/*
 * Edição 2026 — brand overwrite
 * Official HSL palette applied site-wide.
 *
 * Usage
 *   --crimson-carrot  primary accent (links, CTAs, active nav)
 *   --golden-orange   surfaces WITH text (apresentação, emphasis, triangles)
 *   --rusty-spice     depth / hover / gradients
 *   --red             strong active / alert accent
 *   --black           grounds (hero, dark sections)
 */

:root {
    /* CSS HSL — source palette */
    --red: hsla(0, 100%, 50%, 1);
    --crimson-carrot: hsla(16, 99%, 51%, 1);
    --black: hsla(0, 0%, 0%, 1);
    --rusty-spice: hsla(18, 93%, 37%, 1);
    --golden-orange: hsla(38, 86%, 55%, 1);

    /* Supporting neutrals (type on color) */
    --edicao-white: hsla(0, 0%, 100%, 1);
    --edicao-ink: hsla(0, 0%, 11%, 1);
    --edicao-muted: hsla(220, 5%, 83%, 1);

    /* Semantic aliases used below */
    --edicao-black: var(--black);
    --edicao-orange: var(--crimson-carrot);
    --edicao-orange-deep: var(--rusty-spice);
    --edicao-orange-dark: var(--red);
    --edicao-amber: var(--golden-orange);
    --edicao-yellow: var(--golden-orange);
    --edicao-orange-hover: var(--rusty-spice);
    --edicao-orange-active: var(--red);

    --edicao-gradient: linear-gradient(
        90deg,
        var(--rusty-spice) 0%,
        var(--golden-orange) 45%,
        var(--crimson-carrot) 100%
    );

    /* Type */
    --edicao-font-display: "Barlow", sans-serif;
    --edicao-font-body: "Raleway", sans-serif;

    /* WordPress / theme presets */
    --wp--preset--color--global-primary-color: var(--crimson-carrot);
    --wp--preset--color--global-emphasis-color: var(--golden-orange);
    --wp--preset--color--global-secondary-color: var(--black);
    --wp--preset--color--global-light-color: var(--edicao-white);
    --wp--preset--color--luminous-vivid-orange: var(--crimson-carrot);
    --wp--preset--color--luminous-vivid-amber: var(--golden-orange);
    --wp--preset--color--vivid-red: var(--red);
}

/* -------------------------------------------------------------------------
 * Typography
 * ------------------------------------------------------------------------- */

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge,
.uk-navbar-nav > li > a,
.uk-button,
.uk-card-title {
    font-family: var(--edicao-font-display);
}

body,
.uk-text-lead,
.entry-content,
.site-content p {
    font-family: var(--edicao-font-body);
}

h1,
.uk-h1,
.uk-heading-xlarge,
.uk-heading-2xlarge {
    font-weight: 800;
    letter-spacing: 0.02em;
}

h2,
.uk-h2,
h3,
.uk-h3,
.uk-heading-medium,
.uk-heading-large {
    font-weight: 800;
    letter-spacing: 0.04em;
}

h5,
.uk-h5,
h6,
.uk-h6 {
    font-weight: 500;
    letter-spacing: 0.14em;
}

.uk-button {
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

/* -------------------------------------------------------------------------
 * Links & text utilities → crimson-carrot
 * ------------------------------------------------------------------------- */

a,
.uk-link,
.uk-link:hover,
.uk-link-toggle:hover .uk-link,
.uk-link-toggle:focus .uk-link,
a.uk-link-heading:hover,
.uk-link-heading a:hover,
.uk-link-toggle:hover .uk-link-heading,
.uk-link-toggle:focus .uk-link-heading {
    color: var(--crimson-carrot);
}

.uk-text-primary {
    color: var(--crimson-carrot) !important;
}

.uk-text-emphasis {
    color: var(--crimson-carrot) !important;
}

.uk-list-emphasis > ::before,
.uk-list-primary > ::before {
    color: var(--crimson-carrot) !important;
}

/* -------------------------------------------------------------------------
 * Buttons
 * ------------------------------------------------------------------------- */

.uk-button-primary,
.wp-block-file a.wp-block-file__button {
    background-color: var(--crimson-carrot);
    color: var(--edicao-white);
}

.uk-button-primary:hover,
.wp-block-file a.wp-block-file__button:hover,
.uk-button-primary:focus,
.wp-block-file a.wp-block-file__button:focus {
    background-color: var(--rusty-spice);
    color: var(--edicao-white);
}

.uk-button-primary:active,
.wp-block-file a.wp-block-file__button:active,
.uk-button-primary.uk-active,
.wp-block-file a.uk-active.wp-block-file__button {
    background-color: var(--red);
    color: var(--edicao-white);
}

.uk-button-default {
    color: var(--crimson-carrot);
}

.uk-button-default:hover,
.uk-button-default:focus,
.uk-button-default:active,
.uk-button-default.uk-active {
    color: var(--rusty-spice);
}

.uk-button-emphasis {
    background-color: var(--golden-orange);
    color: var(--edicao-ink) !important;
}

.uk-button-emphasis:hover,
.uk-button-emphasis:focus,
.uk-button-emphasis:active,
.uk-button-emphasis.uk-active {
    background-color: var(--rusty-spice);
    color: var(--edicao-white) !important;
}

.uk-button-text,
.uk-button-text:hover,
.uk-button-text:focus {
    color: var(--crimson-carrot);
}

.uk-button-secondary {
    background-color: var(--black);
    color: var(--edicao-white);
}

.uk-button-secondary:hover,
.uk-button-secondary:focus,
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
    background-color: var(--rusty-spice);
    color: var(--edicao-white);
}

/* -------------------------------------------------------------------------
 * Surfaces / sections
 * ------------------------------------------------------------------------- */

.uk-background-emphasis {
    background-color: var(--golden-orange);
}

.uk-section-primary,
.uk-tile-primary,
.uk-card-primary {
    background: var(--crimson-carrot);
}

.uk-overlay-primary {
    background: var(--crimson-carrot);
}

.uk-section-secondary,
.uk-tile-secondary,
.uk-card-secondary {
    background: var(--black);
}

.uk-alert-primary {
    color: var(--crimson-carrot);
}

.uk-alert-danger {
    color: var(--red);
}

.uk-notification-message-primary {
    color: var(--crimson-carrot);
}

.uk-nav-primary > li.uk-active > a,
.uk-nav-default > li.uk-active > a,
.uk-navbar-nav > li.uk-active > a,
.uk-tab > .uk-active > a,
.uk-subnav > .uk-active > a,
.uk-dotnav > .uk-active > * {
    color: var(--crimson-carrot);
}

.uk-light .uk-link,
.uk-section-primary:not(.uk-preserve-color) .uk-link,
.uk-section-secondary:not(.uk-preserve-color) .uk-link,
.uk-tile-primary:not(.uk-preserve-color) .uk-link,
.uk-tile-secondary:not(.uk-preserve-color) .uk-link,
.uk-card-primary.uk-card-body .uk-link,
.uk-card-primary > :not([class*=uk-card-media]) .uk-link,
.uk-card-secondary.uk-card-body .uk-link,
.uk-card-secondary > :not([class*=uk-card-media]) .uk-link,
.uk-overlay-primary .uk-link,
.uk-offcanvas-bar .uk-link,
.uk-light .uk-link:hover,
.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,
.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,
.uk-offcanvas-bar .uk-link:hover {
    color: var(--golden-orange);
}

/* -------------------------------------------------------------------------
 * Decorative triangles (legacy fill #ffeb00)
 * ------------------------------------------------------------------------- */

svg path[fill="#ffeb00"],
svg path[fill="#FFEB00"] {
    fill: var(--golden-orange);
}

/* -------------------------------------------------------------------------
 * Hero 2026
 * ------------------------------------------------------------------------- */

.home-hero-2026 {
    background-color: var(--black);
    color: var(--edicao-white);
}

.home-hero-2026__date {
    font-family: var(--edicao-font-display);
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--edicao-white);
}

.home-hero-2026__divider {
    background: var(--golden-orange);
}

.home-hero-2026__stats {
    font-family: var(--edicao-font-display);
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--edicao-white);
}

/* Dark type on golden-orange text surfaces */
.uk-background-emphasis,
.uk-background-emphasis h1,
.uk-background-emphasis h2,
.uk-background-emphasis h3,
.uk-background-emphasis h4,
.uk-background-emphasis h5,
.uk-background-emphasis h6,
.uk-background-emphasis .uk-h1,
.uk-background-emphasis .uk-h2,
.uk-background-emphasis p,
.uk-background-emphasis a,
.uk-background-emphasis .page-nav a {
    color: var(--edicao-ink);
}

.uk-background-emphasis a:hover,
.uk-background-emphasis .page-nav a:hover {
    color: var(--black);
}

/* Form focus / misc theme leftovers that used blue */
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    border-color: var(--crimson-carrot) !important;
}

.uk-checkbox:checked,
.uk-radio:checked {
    background-color: var(--crimson-carrot) !important;
    border-color: var(--crimson-carrot) !important;
}
