/* ==========================================================================
   Customizer CSS Variables - Auto-generated
   Generated: 2026-02-27 03:08:59
   Do not edit manually - changes will be overwritten when Customizer is saved.
   ========================================================================== */

:root {
    /* Typography */
    --font-primary: 'Nunito', sans-serif;
    --font-heading: 'Fredoka', sans-serif;

    /* Layout */
    --layout-content-width: 1400px;
    --layout-wide-width: 1600px;
    --layout-sidebar-width: 320px;
    --layout-sidebar-gap: 40px;
    --layout-gallery-columns: 3;

    /* Header */
    --header-height: 100px;
    --header-menu-font-size: 15px;
    --header-menu-padding: 18px;
    --header-logo-height: 110px;

    /* Colors - Content */
    --color-content-bg: #F5E6D3;
    --color-card-border: #E8DFD5;
    --color-card-bg: #FFFFFF;
    --color-accent: #ededed;
    --color-page-bg: #FDFAF7;
    --color-featured-bg: #F5EDE4;

    /* Colors - Header & Menu */
    --color-header-bg: #FFFFFF;
    --color-menu-text: #374151;
    --color-menu-hover-bg: #667eea;
    --color-dropdown-bg: #FFFFFF;

    /* Colors - Footer */
    --color-footer-bg: #1f2937;
    --color-footer-text: #ffffff;

    /* Mapped Footer Variables for footer.css */
    --footer-bg: #1f2937;
    --footer-text: #ffffff;
    --footer-heading: #ffffff;
    --footer-widget-title: #ffffff;
    --footer-link: #14b8a6;
    --footer-border: #82bf8e;
    --footer-accent: #14b8a6; /* Use link color as accent */

    /* Colors - Buttons */
    --color-button-bg: #D97757;
    --color-button-text: #FFFFFF;

    /* Colors - Text */
    --color-heading: #1f2937;
    --color-body-text: #374151;
    --color-link: #134cdb;
    --color-link-hover: #5147bc;

    /* Colors - Author Page */
    --color-author-gradient-1: #667eea;
    --color-author-gradient-2: #764ba2;
    --color-author-card-bg: rgba(255, 255, 255, 0.12);
    --color-author-text: #FFFFFF;
}