/**
 * Styles pour l'éditeur Gutenberg
 */

/* Importer les Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Variables */
:root {
    --fenix-gold: #EBBB09;
    --fenix-dark-gray: #2E2A30;
    --fenix-light-gray: #F8F9FA;
    --fenix-white: #FFFFFF;
}

/* Base de l'éditeur */
.editor-styles-wrapper {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: var(--fenix-dark-gray);
}

/* Titres */
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4 {
    font-weight: 700;
    color: var(--fenix-dark-gray);
}

.editor-styles-wrapper h1 {
    font-size: 3rem;
    line-height: 1.2;
}

.editor-styles-wrapper h2 {
    font-size: 2.25rem;
}

.editor-styles-wrapper h3 {
    font-size: 1.5rem;
}

/* Boutons */
.editor-styles-wrapper .wp-block-button__link {
    background: var(--fenix-gold);
    color: var(--fenix-dark-gray);
    padding: 1.125rem 3rem;
    border-radius: 50px;
    font-weight: 600;
}

/* Cards */
.editor-styles-wrapper .wp-block-group.card {
    background: var(--fenix-white);
    padding: 2rem;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
}

/* Section backgrounds */
.editor-styles-wrapper .has-fenix-light-gray-background-color {
    background-color: var(--fenix-light-gray);
}

.editor-styles-wrapper .has-fenix-gold-background-color {
    background-color: var(--fenix-gold);
}

.editor-styles-wrapper .has-fenix-dark-gray-background-color {
    background-color: var(--fenix-dark-gray);
}

/* Texte */
.editor-styles-wrapper .has-fenix-dark-gray-color {
    color: var(--fenix-dark-gray);
}

.editor-styles-wrapper .has-fenix-gold-color {
    color: var(--fenix-gold);
}