/*
 * Evoltima Base — CSS Custom Properties
 * Shared across all Evoltima section plugins.
 * Edit these variables to change the global look of all sections.
 */

:root {
    /* Colors */
    --evoltima-bg:           #f2ede8;   /* light cream — main section backgrounds */
    --evoltima-bg-dark:      #1a1a1a;   /* near-black — dark section backgrounds  */
    --evoltima-bg-card:      #2a2a2a;   /* card fallback when no image            */

    --evoltima-text:         #1a1a1a;   /* primary text */
    --evoltima-text-light:   #ffffff;   /* text on dark backgrounds */
    --evoltima-text-muted:   #7a7a7a;   /* secondary / label text */

    --evoltima-btn-bg:       #1a1a1a;
    --evoltima-btn-text:     #ffffff;
    --evoltima-btn-bg-hover: #333333;

    /* Typography — inherits theme fonts where possible */
    --evoltima-font-serif:   Georgia, 'Times New Roman', serif;
    --evoltima-font-sans:    'Helvetica Neue', Arial, sans-serif;

    /* Layout */
    --evoltima-container:    1200px;
    --evoltima-section-pad:  80px;
    --evoltima-gap:          20px;
}

/* Universal section wrapper utility */
.evoltima-section {
    padding: var(--evoltima-section-pad) 0;
}

.evoltima-container {
    max-width: var(--evoltima-container);
    margin: 0 auto;
    padding: 0 24px;
}

/* Button base — shared across all plugins */
.evoltima-btn {
    display: inline-block;
    padding: 12px 28px;
    background-color: var(--evoltima-btn-bg);
    color: var(--evoltima-btn-text);
    font-family: var(--evoltima-font-sans);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.evoltima-btn:hover {
    background-color: var(--evoltima-btn-bg-hover);
    color: var(--evoltima-btn-text);
    text-decoration: none;
}