/* ============================================================
   CUSTOM THEME - Dostosuj kolory do swojej strony
   ============================================================ */

:root {
    /* Zmień tutaj kolory aby pasowały do Twojej strony */
     
    /* GŁÓWNY KOLOR - zmień na swój brand color */
    --ccm-primary: #0073aa;
    --ccm-primary-dark: #005a87;
    --ccm-primary-light: #f0f7ff;
    
    /* TEKST */
    --ccm-text-dark: #1a1a1a;
    --ccm-text-regular: #333;
    --ccm-text-light: #666;
    --ccm-text-muted: #999;
    
    /* TŁA */
    --ccm-bg-white: #ffffff;
    --ccm-bg-light: #fafafa;
    --ccm-bg-lighter: #f8f8f8;
    --ccm-bg-lightest: #f0f0f0;
    
    /* GRANICE */
    --ccm-border: #e0e0e0;
    --ccm-border-light: #f0f0f0;
    --ccm-border-lighter: #ddd;
    --ccm-border-lightest: #eee;
     
    /* SHADOW */
    --ccm-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);
    
    /* BORDER RADIUS */
    --ccm-radius: 8px;
    --ccm-radius-lg: 12px;
    
    /* ANIMACJE */
    --ccm-transition: 0.2s;
    --ccm-transition-slow: 0.3s;
}

/* ============================================================
   DARK MODE - Opcjonalnie
   ============================================================ */

@media (prefers-color-scheme: dark) {
    :root {
        --ccm-primary: #4db8ff;
        --ccm-primary-dark: #66c2ff;
        --ccm-primary-light: #1a3a4d;
        
        --ccm-text-dark: #f5f5f5;
        --ccm-text-regular: #e0e0e0;
        --ccm-text-light: #a0a0a0;
        --ccm-text-muted: #707070;
        
        --ccm-bg-white: #1e1e1e;
        --ccm-bg-light: #2a2a2a;
        --ccm-bg-lighter: #333;
        --ccm-bg-lightest: #404040;
        
        --ccm-border: #404040;
        --ccm-border-light: #333;
        --ccm-border-lighter: #454545;
        --ccm-border-lightest: #525252;
    }
}

/* ============================================================
   FONT CUSTOMIZATION
   ============================================================ */

/* Jeśli chcesz zmienić font, przesłań Go oto robisz */
/* 
#ccm-popup {
    font-family: 'Your Custom Font', sans-serif;
}
*/

/* ============================================================
   DODATKOWE DOSTOSOWANIA
   ============================================================ */

/* Przykład: Zmiana radiusa buttonów */
/*
.ccm-btn {
    --ccm-radius: 4px;
    border-radius: 4px;
}
*/

/* Przykład: Zmiana szerokości popup */
/*
.ccm-popup-inner {
    max-width: 600px;
}
*/

/* Przykład: Zmiana wysokości popup */
/*
.ccm-popup-inner {
    max-height: 80vh;
}
*/