/* ============================================================
   CSS VARIABLES - KONFIGURACJA WYGLĄDU
   ============================================================ */

:root {
    /* ========== KOLORY PODSTAWOWE ========== */
    --ccm-primary: #2D4053;
    --ccm-primary-dark: #2E3338;
    --ccm-primary-light: #E3E5E8;

    --ccm-text-dark: #1a1a1a;
    --ccm-text-regular: #333;
    --ccm-text-light: #666;
    --ccm-text-muted: #999;

    --ccm-bg-white: #ffffff;
    --ccm-bg-light: #fafafa;
    --ccm-bg-lighter: #f8f8f8;
    --ccm-bg-lightest: #f0f0f0;

    --ccm-border: #e0e0e0;
    --ccm-border-light: #f0f0f0;
    --ccm-border-lighter: #ddd;
    --ccm-border-lightest: #eee;

    --ccm-overlay-bg: rgba(0, 0, 0, 0.6);
    --ccm-overlay-blur: 2px;

    /* ========== SECONDARY COLORS ========== */
    --ccm-secondary: #f0f0f0;
    --ccm-secondary-hover: #e8e8e8;
    --ccm-secondary-border: #ddd;

    /* ========== SCROLLBAR ========== */
    --ccm-scrollbar-thumb: #c1c1c1;
    --ccm-scrollbar-thumb-hover: #a1a1a1;
    --ccm-scrollbar-track: #f1f1f1;

    /* ========== SHADOWS ========== */
    --ccm-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --ccm-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --ccm-shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);
    --ccm-shadow-top: 0 -2px 8px rgba(0, 0, 0, 0.05);

    /* ========== BORDER RADIUS ========== */
    --ccm-radius: 8px;
    --ccm-radius-lg: 0;
    --ccm-radius-full: 50%;

    /* ========== SPACING ========== */
    --ccm-spacing-xs: 4px;
    --ccm-spacing-sm: 8px;
    --ccm-spacing-md: 12px;
    --ccm-spacing-lg: 16px;
    --ccm-spacing-xl: 20px;
    --ccm-spacing-xxl: 24px;

    /* ========== FONT SIZES ========== */
    --ccm-font-sm: 12px;
    --ccm-font-base: 14px;
    --ccm-font-md: 15px;
    --ccm-font-lg: 18px;
    --ccm-font-xl: 20px;
    --ccm-font-2xl: 32px;

    /* ========== FONT WEIGHT ========== */
    --ccm-font-regular: 400;
    --ccm-font-medium: 500;
    --ccm-font-semibold: 600;

    /* ========== TRANSITIONS ========== */
    --ccm-transition: 0.2s;
    --ccm-transition-slow: 0.3s;

    /* ========== SWITCH ========== */
    --ccm-switch-width: 44px;
    --ccm-switch-height: 24px;
    --ccm-switch-off: #ccc;
    --ccm-switch-on: var(--ccm-primary);
    --ccm-switch-disabled: var(--ccm-primary);

    /* ========== BUTTONS ========== */
    --ccm-btn-min-height: 44px;
    --ccm-btn-padding: var(--ccm-spacing-md) var(--ccm-spacing-xl);

    /* ========== Z-INDEX ========== */
    --ccm-z-overlay: -1;
    --ccm-z-inner: 1;
    --ccm-z-popup: 9999;
    --ccm-z-icon: 9998;

    --ccm-consent-bg:linear-gradient(180deg, #414549, #383d41, #303438, #282c30, #2b3034, #3a3f44, #4a4f53, #5b5f63);;
}
.ccm-policy-user-consent p,
.ccm-policy-user-consent div {
    color:var(--cm-white);
}

.ccm-policy-user-consent {
    border-left:none!important;
    padding:50px!important;
    display:flex;
    flex-direction: column;
    gap:20px;
}