:root {
    --primary-color : #e07800;
    --secondary-color : #003366;
    --text-color : #333;
    --bg-color : #e3f2fd;
    --card-bg : #fff;
    --border-color : #ddd;
    --featured-border : gold;
    --header-bg : #2e7d32;
    --header-bg-dark : #1b5e20;
    --header-text : #ffffff;
}
#ecla-marketplace-wrapper.dark-mode {
    --primary-color : #ffaa22;
    --secondary-color : #7eb8f7;
    --text-color : #e0e0e0;
    --bg-color : #1a1a2e;
    --card-bg : #16213e;
    --border-color : #2a2a4a;
    --featured-border : #c8a000;
    --header-bg : #1b5e20;
    --header-bg-dark : #0a3d0a;
    --header-text : #e8f5e9;
    color : var(--text-color);
}
#ecla-marketplace-wrapper {
    font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                       Helvetica, Arial, sans-serif,
                       "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    max-width : 1200px;
    margin : 0 auto;
    padding : 15px;
    background-color : var(--bg-color);
}
.ecla-loader {
    border : 4px solid #f3f3f3;
    border-top : 4px solid var(--primary-color);
    border-radius : 50%;
    width : 40px;
    height : 40px;
    animation : eclaSpin 1s linear infinite;
    margin : 50px auto;
}
@keyframes eclaSpin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}