/**
 * ROPANT global design layer
 * GeneratePress + GenerateBlocks
 */

:root {
    /* Typography */
    --ropant-font-weight-regular: 400;
    --ropant-font-weight-ui: 500;

    /* Layout — final values will follow the approved ROPANT design system. */
    --ropant-container-width: 1440px;
    --ropant-content-width: 1240px;

    /* Motion */
    --ropant-transition: 250ms ease;
}

/*
 * Interactive UI typography
 * Menu items, buttons and CTA-style links use medium (500), not semibold (600).
 */
.main-navigation,
.main-navigation a,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.gb-button,
.wp-block-button__link {
    font-weight: var(--ropant-font-weight-ui);
}

/*
 * ROPANT layout principle:
 * repeated visual elements should be balanced and aligned, not asymmetric.
 * Apply .ropant-equal-grid to repeated card/image grids when needed.
 */
.ropant-equal-grid {
    align-items: stretch;
}

.ropant-equal-grid > * {
    height: 100%;
}

.ropant-equal-grid img {
    display: block;
    width: 100%;
}