/* Brand CSS Custom Properties & Base Styling Overrides */
:root {
    --cyril-forest-green: #053b24;
    --cyril-white: #ffffff;
    --cyril-off-white: #f4f6f5;
    --cyril-dark-text: #1c2e26;

    /* Theme & block editor overrides */
    --wp--preset--color--primary: var(--cyril-forest-green);
    --wp--preset--color--secondary: var(--cyril-off-white);
    --wp--preset--color--foreground: var(--cyril-dark-text);
    --wp--preset--color--background: var(--cyril-white);

    /* Elementor-specific global style custom property hook overrides if applicable */
    --e-global-color-primary: var(--cyril-forest-green);
    --e-global-color-secondary: var(--cyril-dark-text);
    --e-global-color-text: var(--cyril-dark-text);
    --e-global-color-accent: var(--cyril-forest-green);
}

/* Base styling tweaks to naturally adapt the site to the branding */
body {
    color: var(--cyril-dark-text);
    background-color: var(--cyril-white);
}

/* Headers and Navigation Highlights */
h1, h2, h3, h4, h5, h6 {
    color: var(--cyril-forest-green);
}

/* Primary Brand Buttons and Accent Elements */
button, 
.button, 
.wp-block-button__link,
input[type="submit"] {
    background-color: var(--cyril-forest-green) !important;
    color: var(--cyril-white) !important;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

button:hover, 
.button:hover, 
.wp-block-button__link:hover,
input[type="submit"]:hover {
    background-color: #032517 !important;
}

/* Selection highlight in corporate dark green */
::selection {
    background-color: var(--cyril-forest-green);
    color: var(--cyril-white);
}