/* Theme Variables */

/* Fundación Theme (Default) */
:root {
    /* Colors */
    --color-primary: #a82025;
    --color-gray: #eeeeee;
    --color-white: #ffffff;
    --color-black: #000000;

    /* Typography */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Roboto Condensed', sans-serif;

    /* WordPress specific variables */
    --wp--preset--color--primary: var(--color-primary);
    --wp--preset--color--gray: var(--color-gray);
    --wp--preset--color--white: var(--color-white);
    --wp--preset--color--black: var(--color-black);
    --wp--preset--font-family--heading: var(--font-heading);
    --wp--preset--font-family--body: var(--font-body);
}

/* BCNLip Language Theme */
:root .theme-bcnlip-language,
.editor-styles-wrapper.theme-bcnlip-language {
    /* Colors */
    --color-primary: #fcb000;
    --color-secondary: #fffaf2;
    --color-accent-red: #e31e26;
    --color-accent-blue: #1a235c;
    --color-gray: #eeeeee;
    --color-white: #ffffff;
    --color-black: #000000;

    /* Typography */
    /* --font-heading: 'True Typewriter', monospace; */
    --font-heading: 'Roboto Condensed', sans-serif;
    --font-body: 'Roboto Condensed', sans-serif;

    /* WordPress specific variables */
    --wp--preset--color--primary: var(--color-primary);
    --wp--preset--color--secondary: var(--color-secondary);
    --wp--preset--color--accent-red: var(--color-accent-red);
    --wp--preset--color--accent-blue: var(--color-accent-blue);
    --wp--preset--color--gray: var(--color-gray);
    --wp--preset--color--white: var(--color-white);
    --wp--preset--color--black: var(--color-black);
    --wp--preset--font-family--heading: var(--font-heading);
    --wp--preset--font-family--body: var(--font-body);
}

/* Theme Specific Styles */

/* BCNLip Language Theme Styles */
.theme-bcnlip-language .page-header,
.editor-styles-wrapper.theme-bcnlip-language .page-header {
    background-color: var(--color-secondary);
}

.theme-bcnlip-language .page-title,
.editor-styles-wrapper.theme-bcnlip-language .page-title {
    color: var(--color-accent-blue);
}

/* Menu Styles for BCNLip Language Theme */
.theme-bcnlip-language .wp-block-navigation,
.editor-styles-wrapper.theme-bcnlip-language .wp-block-navigation {
    background-color: var(--color-white);
}

.theme-bcnlip-language .wp-block-navigation__container,
.editor-styles-wrapper.theme-bcnlip-language .wp-block-navigation__container {
    color: var(--color-white);
}

.theme-bcnlip-language .wp-block-navigation-item,
.editor-styles-wrapper.theme-bcnlip-language .wp-block-navigation-item {
    color: var(--color-white);
}

.theme-bcnlip-language .wp-block-navigation-item:hover,
.editor-styles-wrapper.theme-bcnlip-language .wp-block-navigation-item:hover {
    color: var(--color-primary);
}

.theme-bcnlip-language .wp-block-navigation__submenu-container,
.editor-styles-wrapper.theme-bcnlip-language .wp-block-navigation__submenu-container {
    background-color: var(--color-white);
}

/* Primary navigation menu */
.theme-bcnlip-language .primary-menu,
.editor-styles-wrapper.theme-bcnlip-language .primary-menu {
    color: var(--color-white);
}

.theme-bcnlip-language .primary-menu a,
.editor-styles-wrapper.theme-bcnlip-language .primary-menu a {
    color: var(--color-accent-blue);
}

.theme-bcnlip-language .primary-menu a:hover,
.editor-styles-wrapper.theme-bcnlip-language .primary-menu a:hover {
    color: var(--color-primary);
}

.theme-bcnlip-language .primary-menu .sub-menu,
.editor-styles-wrapper.theme-bcnlip-language .primary-menu .sub-menu {
    background-color: var(--color-white);
}

/* Block-specific theme overrides */
.theme-bcnlip-language .wp-block,
.editor-styles-wrapper.theme-bcnlip-language .wp-block {
    --wp--preset--color--primary: var(--color-primary);
    --wp--preset--color--secondary: var(--color-secondary);
    --wp--preset--color--accent-red: var(--color-accent-red);
    --wp--preset--color--accent-blue: var(--color-accent-blue);
}

/* Ensure theme colors are applied to Gutenberg blocks */
.theme-bcnlip-language .wp-block-button__link,
.editor-styles-wrapper.theme-bcnlip-language .wp-block-button__link {
    background-color: var(--color-primary);
    color: var(--color-white);
}

.theme-bcnlip-language .wp-block-button__link:hover,
.editor-styles-wrapper.theme-bcnlip-language .wp-block-button__link:hover {
    background-color: var(--color-primary);
    opacity: 0.9;
}

/* Color utility classes */
.theme-bcnlip-language .has-primary-color,
.editor-styles-wrapper.theme-bcnlip-language .has-primary-color {
    color: var(--color-primary) !important;
}

.theme-bcnlip-language .has-primary-background-color,
.editor-styles-wrapper.theme-bcnlip-language .has-primary-background-color {
    background-color: var(--color-primary) !important;
}

.theme-bcnlip-language .has-secondary-color,
.editor-styles-wrapper.theme-bcnlip-language .has-secondary-color {
    color: var(--color-secondary) !important;
}

.theme-bcnlip-language .has-secondary-background-color,
.editor-styles-wrapper.theme-bcnlip-language .has-secondary-background-color {
    background-color: var(--color-secondary) !important;
}

.theme-bcnlip-language .has-accent-red-color,
.editor-styles-wrapper.theme-bcnlip-language .has-accent-red-color {
    color: var(--color-accent-red) !important;
}

.theme-bcnlip-language .has-accent-red-background-color,
.editor-styles-wrapper.theme-bcnlip-language .has-accent-red-background-color {
    background-color: var(--color-accent-red) !important;
}

.theme-bcnlip-language .has-accent-blue-color,
.editor-styles-wrapper.theme-bcnlip-language .has-accent-blue-color {
    color: var(--color-accent-blue) !important;
}

.theme-bcnlip-language .has-accent-blue-background-color,
.editor-styles-wrapper.theme-bcnlip-language .has-accent-blue-background-color {
    background-color: var(--color-accent-blue) !important;
}

/* Future themes placeholders */
.theme-ibp {
    /* IBP theme variables will go here */
}

.theme-bcnlip-general {
    /* BCNLip General theme variables will go here */
}

/* Editor-specific styles */
.editor-styles-wrapper {
    /* Inherit theme variables in the editor */
    --color-primary: var(--wp--preset--color--primary);
    --color-secondary: var(--wp--preset--color--secondary);
    --color-accent-red: var(--wp--preset--color--accent-red);
    --color-accent-blue: var(--wp--preset--color--accent-blue);
    --color-gray: var(--wp--preset--color--gray);
    --color-white: var(--wp--preset--color--white);
    --color-black: var(--wp--preset--color--black);
}

/* Force block styles to use theme variables */
.wp-block {
    color: var(--color-black);
    font-family: var(--font-body);
}

.wp-block h1,
.wp-block h2,
.wp-block h3,
.wp-block h4,
.wp-block h5,
.wp-block h6 {
    font-family: var(--font-heading);
    color: var(--color-black);
}