/*
 * clsspro brand overrides for the EduBlink portal theme.
 *
 * clsspro.com runs the WordPress build of the same EduBlink theme this portal
 * uses, so matching it is a matter of overriding the theme's :root variables
 * rather than restyling components. Values below are taken from the
 * --edublink-* custom properties published by clsspro.com.
 *
 * Load this AFTER app.css / portal-custom*.css so it wins the cascade.
 */

:root {
    /* Brand accents — measured from the rendered clsspro.com, not the theme defaults.
       clsspro overrides EduBlink's variables via Elementor globals, so the live colours
       are primary #228371 with a gold #C7B04E accent, not the theme's teal #1AB69D. */
    --color-primary: #228371;
    --color-secondary: #2B9B86;
    --color-tertiary: #C7B04E;
    --color-dark: #181818;

    --gradient-primary: linear-gradient(-90deg, #166155 0%, #299381 100%);

    /* Typography */
    --font-primary: 'Cairo', sans-serif;
    --font-secondary: 'Cairo', sans-serif;
    --font-bold: 'Cairo', sans-serif;
}

/* Cairo carries its own weights; the theme's Montserrat-Arabic faces were split
   into separate families per weight, so map the bold family back onto weights. */
body,
h1, h2, h3, h4, h5, h6,
.edu-btn,
button,
input,
select,
textarea {
    font-family: var(--font-primary);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}