:root {
    --main-page-text-color: #DBDCE1;
    --btn-bg-color: #6280EB;
    --btn-hover-bg-color: #2A4ECC;
    --btn-active-color: #0E30A7;
    --body-bg-color: #020B1F;
    --menu-bg-color: #121331;
    --header-bg-color: #121331;
    --btn-border-color: #6280EB;
    --line-color: #003D7B;
    --card-grad-left: #01105c;
    --card-grad-right: #07183c;
    --switch-off-bg-color: #A5A5A5;
    --glass-effect-color: linear-gradient(90deg, rgba(0, 28, 156, 0.2) 0%, rgba(0, 24, 76, 0.2) 100%);

    --hero-bg: url('/images/HomeImages/IndexImages/HeroSectionImages/hero_background.png');
    --header-mobile-offcanvas: url(/images/SharedImages/LayoutsImages/HomeLayoutImages/HeaderImages/offcanvas-bg.png);
    --header-mobile-offcanvas-bg: #121331;
    --navbar-toggler-svg-fill: #fff;
    --hero-section-bg-gradient: linear-gradient(270deg, rgba(2, 11, 31, 0) 0%, #020B1F 48%);

    --carousel-background: linear-gradient(270deg, #000b3c 0%, #20338a 100%);
    --carousel-head-span: #6280eb;
    --carousel-full-width-line: #6280EB;
    --carousel-button: #DBDCE1;

    --about-bg: #020b1f;

    --platforms-bg: url('/images/HomeImages/IndexImages/PlatformsSectionImages/PlatformsBg.png');
    --platforms-card-bg-color: linear-gradient(90deg, #20338A 0%, #000B3C 100%);
    --platform-card-border: 1px solid #003D7B;
    --platform-section-gradients:
    /* Верхній градієнт */
    linear-gradient(180deg, #020B1F 0%, rgba(2, 11, 31, 0) 100%),
    /* Лівий градієнт */
    linear-gradient(90deg, #020B1F 0%, rgba(2, 11, 31, 0) 100%),
    /* Правий градієнт */
    linear-gradient(270deg, #020B1F 0%, rgba(2, 11, 31, 0) 100%),
    /* Нижній градієнт */
    linear-gradient(0deg, #020B1F 0%, rgba(2, 11, 31, 0) 100%);
    --platform-section-gradients2: linear-gradient(180deg, #020B1F 0%, rgba(2, 11, 31, 0) 100%), /* Верхній */
    linear-gradient(0deg, #020B1F 0%, rgba(2, 11, 31, 0) 100%); /* Нижній */

    /*starting*/
    --starting-bg: url('/images/HomeImages/IndexImages/StartingSectionImages/get_started_background.png');
    --starting-step-card: linear-gradient(to right, #20338A, #000B3C);
    --starting-horizontal-lane: #6280EB;
    --starting-step-card-shadow: none;

    /*plans*/
    --plans-bg: url(/images/HomeImages/IndexImages/PlansSectionImages/Plans.png);
    --plans-card: linear-gradient(270deg, rgba(0, 24, 76, 0.4) 0%, rgba(0, 28, 156, 0.4) 100%);
    --plans-border: 1px solid #003D7B;
    --plans-border-bottom: 1px solid #003D7B;

    /*reviews*/
    --img-bg: url('/images/HomeImages/IndexImages/ReviewsSectionImages/reviews_background.png');
    --phone-img-bg: url('/images/HomeImages/IndexImages/ReviewsSectionImages/reviews_phone_bg.png');
    --review-card: linear-gradient(to right, #20338A, #000B3C);
    --review-card-border: #003D7B;
    --reviews-bg-dark: linear-gradient(270deg, rgba(2, 11, 31, 0) 0%, #020B1F 48%);

    --faq-bg: url('/images/HomeImages/IndexImages/FAQSectionImages/FAQ_background.png');
    --faq-accordion-button: linear-gradient(270deg, #061535 0%, #00115D 100%);
    --faq-accordion-border: 1px solid var(--Colours_brand-Blue_green, #003D7B);

/*    footer*/
    --footer-bg: #121331;
    --icon-instagram: url('/images/SharedImages/LayoutsImages/HomeLayoutImages/FooterImages/icons-instagram-new.png');
    --icon-facebook: url('/images/SharedImages/LayoutsImages/HomeLayoutImages/FooterImages/icons-facebook-new.png');
    --icon-youtube: url('/images/SharedImages/LayoutsImages/HomeLayoutImages/FooterImages/icons-youtube-new.png');
    --icon-twitter: url('/images/SharedImages/LayoutsImages/HomeLayoutImages/FooterImages/icons-twitter-new.png');

    --auth-border: 1px solid transparent;
    --auth-bg: linear-gradient(90deg, rgba(0, 28, 156, 0.7) 0%, rgba(0, 24, 76, 0.7) 100%);

    --auth-modal-border: 1px solid transparent;
    --home-color: #DBDCE1;
    --home-modal-border: 1px solid #003D7B;
    --home-layout-bg: linear-gradient(90deg, rgba(0, 28, 156, 0.25) 0%, rgba(0, 24, 76, 0.25) 100%);
    --auth-custom-input: linear-gradient(90deg, rgba(0, 28, 156, 0.7) 0%, rgba(0, 24, 76, 0.7) 100%);
    --auth-sign-in-with-btn: 1px solid #6280EB;


    /*error*/
    --er-main-text-color: #DBDCE1;
    --er-accent-blue: #6280EB;
    --er-accent-blue-hover: #2A4ECC;
    --er-accent-blue-active: #0E30A7;
    --er-error-zero-color: #406CFF;
    --er-body-bg-color: #020B1F;
    --er-description-color: #FFFFFF;

    /*terms*/
    --terms-termsPopup: linear-gradient(270deg, rgba(0, 24, 76, 0.4) 0%, rgba(0, 28, 156, 0.4) 100%);
    --terms-termsPopup-border: #003D7B;
    --terms-termsText-bg: linear-gradient(270deg, rgba(0, 24, 76, 0.4) 0%, rgba(0, 28, 156, 0.4) 100%);
    --terms-termsText-color: #e0e0e0;
    --terms-termsText-border: #003D7B;
    --terms-termsText-scroll-track: #20338A;
    --terms-termsText-scroll-thumb: #6280EB;
    --terms-agreeButton-bg: #6280EB;
    --terms-agreeButton-color: #fff;
    --terms-agreeButton-bg-disabled: #555;
    --terms-agreeButton-color-disabled: #ccc;
    --terms-close-btn-color: #aaa;
    --terms-close-btn-hover: #6280EB;
    --terms-card-bg: transparent;
    --terms-card-border: #003D7B;
    --terms-card-text: #f0f0f0;
    --terms-headering-color: #f0f0f0;

    /*legal pages*/
    --legal-card-grad-left: #01105c;
    --legal-card-grad-right: #07183c;
    --legal-card-border: rgba(255,255,255,0.08);
    --legal-section-gap: clamp(10px, 2.5vw, 25px);
    --legal-page-bg: #020b1f;
    --legal-bg: url('/images/HomeImages/LegalPagesImages/terms_of_use_background.png');
    --legal-card-terms-section: linear-gradient(90deg, #3148a3 0%, #475fae 100%);
    --legal-card-text: #DBDCE1;
    --legal-card-header-text: #DBDCE1;
    --legal-section-number-color: #5672d7;
    --legal-section-number-bg: #031349; 
    --legal-section-number-border: 1.3px solid #475eba;


    /*support*/
    --support-bg: url('/images/HomeImages/SupportImages/support_background.png');
    --bg-grad-start: rgba(0, 10, 30, 1);
    --bg-grad-end: rgba(10, 25, 60, 1);
    --text-primary: #dbdce1;
    --text-secondary: rgba(255,255,255,0.72);
    --support-email-card-bg-l: #00115c;
    --support-email-card-bg-r: #061535;
    --support-email-card-line: #5673db;
    --support-email-card-circle: #031349;
    --support-bg-grad-start: rgba(0,17,93,0.46); /* #c4efff */
    --support-bg-grad-end: rgba(6,21,53,0.46);   /* #d4d3ff */
    --glass-border: #002665;

    --support-input-gradient-left: #162878;
    --support-input-gradient-right: #030f3c;
    --support-input-border-special: #233375;
    --support-textarea-gradient-left: #071d85;
    --support-textarea-gradient-right: #021848;
    --support-word-counter-bg: rgba(255,255,255,0.6);
    --support-chips-btn-bg: linear-gradient(90deg, rgba(1,17,93,0.20), rgba(6,21,53,0.20));
    --chip-border-active-color: #2A4ECC;

    --chip-border-color: #6280eb;
    --chip-border-active-color: #2A4ECC;
    --chip-text-color: #6280eb;


    /*auth mobile*/
    --auth-bg: linear-gradient(90deg, rgba(0, 28, 156, 0.7) 0%, rgba(0, 24, 76, 0.7) 100%);
    --auth-page-bg: #020b1f;

}





/* Світла тема */
body.light-theme {
    /* хедер*/
    --main-page-text-color: #121331; /* текст */
    --body-bg-color: #E6EFFF; /* фон */
    --menu-bg-color: #E6EFFF;
    --header-bg-color: #fff;
    --switch-off-bg-color: #f53504; /* колір свіча */

    --hero-bg: url('/images/HomeImages/IndexImages/HeroSectionImages/hero_background2.png');
    --header-mobile-offcanvas: url(/images/SharedImages/LayoutsImages/HomeLayoutImages/HeaderImages/offcanvas-bg2.png);
    --header-mobile-offcanvas-bg: #E6EFFF;
    --navbar-toggler-svg-fill: #121331;
    --hero-section-bg-gradient: linear-gradient(270deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 48%);
    --carousel-background: linear-gradient(270deg, #d7dfff 0%, #dff9ff 100%);
    --carousel-head-span: #a4b7fc;
    --carousel-full-width-line: #a4b7fc;
    --carousel-button: #dbdce1;

    --about-bg: #E6EFFF;

    --platforms-bg: url('/images/HomeImages/IndexImages/PlatformsSectionImages/PlatformBg2.png');
    --platforms-card-bg-color: linear-gradient(90deg, #d7dfff 0%, #dff9ff 100%);
    --platform-card-border: 1px solid #a4b7fc;
    --platform-section-gradients:
    /* Верхній градієнт */
    linear-gradient(180deg, #E6EFFF 0%, rgba(230, 239, 255, 0) 100%),
    /* Лівий градієнт */
    linear-gradient(90deg, #E6EFFF 0%, rgba(230, 239, 255, 0) 100%),
    /* Правий градієнт */
    linear-gradient(270deg, #E6EFFF 0%, rgba(230, 239, 255, 0) 100%),
    /* Нижній градієнт */
    linear-gradient(0deg, #E6EFFF 0%, rgba(230, 239, 255, 0) 100%);
    --platform-section-gradients2: linear-gradient(180deg, #E6EFFF 0%, rgba(230, 239, 255, 0) 100%), /* Верхній */
    linear-gradient(0deg, #E6EFFF 0%, rgba(230, 239, 255, 0) 100%); /* Нижній */

    --starting-bg: url('/images/HomeImages/IndexImages/StartingSectionImages/get_started_background2.png');
    --starting-step-card: linear-gradient(to right, #ebf1ffcc, #d6e3ffcc);
    --starting-horizontal-lane: #a4b7fc;
    --starting-step-card-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /*невеличка тінь */

    --plans-bg: url(/images/HomeImages/IndexImages/PlansSectionImages/Plans2.png);
    --plans-card: linear-gradient(to right, 
        rgba(196, 239, 255, 0.38) 0%,  /* лівий колір #d4d3ff */
        rgba(212, 211, 255, 0.38) 100% /* правий колір #c4efff*/
    );
    --plans-border: 1px solid #a4b7fc;
    --plans-border-bottom: 1px solid #a4b7fc;

    /*reviews*/
    --img-bg: url('/images/HomeImages/IndexImages/ReviewsSectionImages/reviews_background2.png');
    --phone-img-bg: url('/images/HomeImages/IndexImages/ReviewsSectionImages/reviews_phone_bg2.png');
    --review-card: linear-gradient(to right, #ebf1ffcc, #dff9ff);
    --review-card-border: #a4b7fc;
    --reviews-bg-dark: linear-gradient(270deg, rgba(230, 239, 255, 0) 0%, #E6EFFF 48%);

    --faq-accordion-button: linear-gradient(to right, #ebf1ffcc 0%, #e0e6f3cc 100%);
    --faq-accordion-border: 1px solid var(--Colours_brand-Blue_green, #a4b7fc);
    --faq-accordion-active-border: 1px solid #E6EFFF;

    --footer-bg: #fff;
    --footer-hover: #ffffff;
    --icon-instagram: url('/images/SharedImages/LayoutsImages/HomeLayoutImages/FooterImages/icons-instagram-new2.png');
    --icon-facebook: url('/images/SharedImages/LayoutsImages/HomeLayoutImages/FooterImages/icons-facebook-new2.png');
    --icon-youtube: url('/images/SharedImages/LayoutsImages/HomeLayoutImages/FooterImages/icons-youtube-new2.png');
    --icon-twitter: url('/images/SharedImages/LayoutsImages/HomeLayoutImages/FooterImages/icons-twitter-new2.png');

    --auth-border: 1px solid #d4d3ff;
    --auth-bg: linear-gradient(
        90deg,
        rgba(196, 239, 255, 0.7) 0%,   /* #c4efff */
        rgba(212, 211, 255, 0.7) 20%,  /* #d4d3ff */
        rgba(255, 255, 255, 0) 20%     /* прозорість після 20% */
    );

    --auth-modal-border: 1px solid #d4d3ff;
    --home-modal-border: 1px solid #a4b7fc;
    --home-color: #121331;
    --home-layout-bg: linear-gradient(
  90deg,
  rgba(196, 239, 255, 0.2) 0%,   /* #c4efff */
  rgba(212, 211, 255, 0.2) 100%  /* #d4d3ff */
);
    --auth-custom-input: linear-gradient(90deg, rgba(196, 239, 255, 0.7) 0%, rgba(212, 211, 255, 0.7) 100%);
    --auth-sign-in-with-btn: 1px solid #6280EB;


    --er-body-bg-color: linear-gradient(
        90deg,
        #c4efff 0%,   
        #d1d8ff 100%  
    );
    --er-main-text-color: #121331;      
    --er-error-zero-color: #2a4ecc;    
    --er-accent-blue: #6280eb;        
    --er-description-color: #121331;   
    --er-accent-blue-hover: #2A4ECC;
    --er-accent-blue-active: #0E30A7;


    --terms-termsPopup: linear-gradient(
    270deg,
    rgba(196, 239, 255, 0.7) 0%,   /* c4efff */
    rgba(212, 211, 255, 0.7) 100%  /* d4d3ff */
);
    --terms-termsPopup-border: #a4b7fc;
    --terms-termsText-bg: linear-gradient(
    270deg,
    rgba(235, 241, 255, 0.7) 0%,   /* ebf1ffcc */
    rgba(235, 241, 255, 0.7) 100%  /* ebf1ffcc */
);
    --terms-termsText-color: #121331;
    --terms-termsText-border: #a4b7fc;
    --terms-termsText-scroll-track: #e0e6f3;
    --terms-termsText-scroll-thumb: #a4b7fc;

    --terms-agreeButton-bg: #6280EB;
    --terms-agreeButton-color: #fff;
    --terms-agreeButton-bg-disabled: #ccc;
    --terms-agreeButton-color-disabled: #666;
    --terms-close-btn-color: #666;
    --terms-close-btn-hover: #6280EB;
    --terms-card-bg: linear-gradient(
    270deg,
    rgba(223, 249, 255, 0.6) 0%,     /* dff9ff */
    rgba(212, 211, 255, 0.6) 100%    /* d4d3ff */
);
    --terms-card-border: #a4b7fc;
    --terms-card-text: #121331;
    --terms-headering-color: #121331;


    --legal-card-grad-left: #dff9ff;
    --legal-card-grad-right: #d7dfff;
    --legal-card-border: rgba(164, 183, 252, 0.1);
    --legal-page-bg: #E6EFFF;
    --legal-bg: url('/images/HomeImages/LegalPagesImages/terms_of_use_background2.png');
    --legal-card-terms-section: linear-gradient(90deg, #A4B7FC 0%, #8C99E5 100%);
    --legal-card-text: #121331;
    --legal-card-header-text: #121331;
    --legal-section-number-color: #6280eb;
    --legal-section-number-bg: #dbecff;
    --legal-section-number-border: 1.3px solid #6280eb;


    --support-bg: url('/images/HomeImages/SupportImages/support_background2.png');
    --bg-grad-start: rgba(230, 239, 255);
    --bg-grad-end: rgba(230, 239, 255);
    --text-primary: #121331;
    --text-secondary: rgba(18, 19, 49, 0.72);
    --support-email-card-bg-l: #dfe9ff;
    --support-email-card-bg-r: #d7dfff;
    --support-email-card-line: #6280eb;
    --support-email-card-circle: #dbe4ff;
    --support-bg-grad-start: rgba(196, 239, 255, 0.46); /* #c4efff */
    --support-bg-grad-end: rgba(212, 211, 255, 0.46);   /* #d4d3ff */
    --glass-border: #a4b7fc;
    --support-input-gradient-left: #dfe9ff;
    --support-input-gradient-right: #d7dfff;
    --support-input-border-special: #a4b7fc;
    --support-textarea-gradient-left: #dfe9ff;
    --support-textarea-gradient-right: #d7dfff;
    --support-word-counter-bg: rgba(0, 0, 0, 0.6);
    --support-chips-btn-bg: linear-gradient(90deg, rgba(180, 210, 255, 0.25), rgba(200, 220, 255, 0.25));
    --chip-border-color: #6280eb;
    --chip-border-active-color: #6280eb;
    --chip-text-color: #6280eb;
    

/*     --auth-bg: linear-gradient(
        90deg,
        rgba(196, 239, 255, 0.7) 0%,  
        rgba(212, 211, 255, 0.7) 100%  
    );

     --auth-page-bg: linear-gradient(
        90deg,
        rgba(196, 239, 255, 0.7) 0%,   
        rgba(212, 211, 255, 0.7) 100%  
    );*/

    
}


body.light-theme .support-page .accordion-button {
    background: var(--faq-accordion-button);
    border: 1px solid var(--faq-accordion-border);
}

body.light-theme .support-page .chips-btn:hover {
    background: var(--chip-border-color);
    border-color: var(--chip-border-color);
    color: #ffffff;
}

body.light-theme .support-page .chips-btn:active {
    background: var(--chip-border-active-color);
    border-color: var(--chip-border-color);
    color: var(--text-primary); 
}

body.light-theme .support-page .chips-btn-permanent {
    background: var(--chip-border-color);
    border-color: var(--chip-border-color);
    color: #ffffff;
}

body.light-theme .support-page .chips-btn {
    background: var(--support-chips-btn-bg);

}

body.light-theme .support-page #word-counter {
    color: var(--support-word-counter-bg);
}

body.light-theme .support-page .input:focus,
.support-page .textarea:focus {
    border-color: var(--support-input-border-special);
}

body.light-theme .support-page .textarea {
    background: linear-gradient(90deg, var(--support-textarea-gradient-left), var(--support-textarea-gradient-right));
    border: 1px solid var(--support-input-border-special);
    color: var(--text-primary);
    box-shadow: none;
}

body.light-theme .support-page .input {
    background: linear-gradient(90deg, var(--support-input-gradient-left), var(--support-input-gradient-right));
    border: 1px solid var(--support-input-border-special);
    color: var(--text-primary);
    box-shadow: none;
}

body.light-theme .support-page .input, .support-page .textarea {
    color: var(--text-primary);
}

body.light-theme .support-page .field__label {
    color: var(--text-primary);
}

body.light-theme .support-page .card-title {
    color: var(--text-primary);
}

body.light-theme .support-page .glass-card {
    background: linear-gradient(90deg, var(--support-bg-grad-start) 0%, var(--support-bg-grad-end) 100%), rgba(1,3,20,0.14);
    border: 1px solid var(--glass-border);
    box-shadow: 0 3px 8px rgba(1,6,30,0.85);
}

body.light-theme .support-page .email-card__decor .line {
    background-color: var(--support-email-card-line);
}

body.light-theme .support-page .email-card__decor .circle {
    background-color: var(--support-email-card-circle);
    border: 1px solid var(--support-email-card-line);
}

body.light-theme .support-page .email-card {
    background: linear-gradient(to right, var(--support-email-card-bg-l), var(--support-email-card-bg-r));
    box-shadow: 0 1px 2px rgba(1,6,30,0.55);
}

body.light-theme .support-page .email-card__email {
    color: var(--text-primary);
}



body.light-theme .terms-section {
    /*    box-shadow: none;*/
    box-shadow: 1px 2px 2px 2px rgba(0,0,0,.4);
}


body.light-theme .navbar-brand img {
    content: url('/images/SharedImages/LayoutsImages/HomeLayoutImages/HeaderImages/pointc_logo2.png');
}

.logo-dark { display: block; }
.logo-light { display: none; }

body.light-theme .logo-dark { display: none; }
body.light-theme .logo-light { display: block; }



.logo-mobile-dark { display: block; }
.logo-mobile-light { display: none; }

body.light-theme .logo-mobile-dark { display: none; }
body.light-theme .logo-mobile-light { display: block; }

body.light-theme .theme-dark { display: none; }
body.light-theme .theme-light { display: inline; }

body:not(.light-theme) .theme-dark { display: inline; }
body:not(.light-theme) .theme-light { display: none; }


body.light-theme .logo-dark {
    display: none;
}
body.light-theme .logo-light { display: block; }

body.light-theme {
    --about-bg: #E6EFFF;
}

body.light-theme #faq-image .dark-img { display: none; }
body.light-theme #faq-image .light-img { display: block; }

/* Стрілочка чорна у світлій темі */
body.light-theme .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Фокус чорним кольором у світлій темі */
body.light-theme .accordion-button:focus {
    box-shadow: none;
    border-color: #000000; 
}

/* Активне питання (розгорнуте) у світлій темі */
body.light-theme .accordion-button:not(.collapsed) {
    color: #000000; 
    border: 1px solid #000000; 
}

body.light-theme .footer a:hover {
    color: #070707;
}

        body.light-theme .terms-section {
            background: linear-gradient(90deg, var(--legal-card-grad-left) 0%, var(--legal-card-grad-right) 100%);
            border: 1px solid var(--legal-card-border);
            box-shadow: 0 2px 2px rgba(0,0,0,.4);
        }

        body.light-theme .terms-section::before {
            background: var(--legal-card-terms-section);
        }

        body.light-theme .section-number {
            color: var(--legal-section-number-color);
            background-color: var(--legal-section-number-bg);
            border: var(--legal-section-number-border);
        }

        body.light-theme .section-title,
        body.light-theme .terms-section p {
            color: var(--legal-card-text);
        }
        
        body.light-theme .terms-header h1 {
            color: var(--legal-card-header-text);
        }