:root{
    /* Colors */
    --bacground: #10101A;
    --bacground-light: #EDEDF3;
    --text-main: #DDDDE5;
    --text-secondary: #C3C3CC;
    --text-buttons: #F5F5F5;
    --text-placeholder: #9D9DA8;
    --text-h4: #70707D;
    --menu-btn: rgba(180, 183, 200, 0.12);
    --footer-input: rgba(180, 183, 200, 0.08);
    --border-hero: rgba(180, 183, 200, 0.20);
    --border-hero-2: rgba(255, 255, 255, 0.06);
    --hr-light: rgba(112, 115, 147, 0.10);
    --hr-light-hover: rgba(70, 72, 98, 0.107);
    --btn-primary: #3A83F7;
    --btn-primary-hover: #4d91ff;
    --buscard-bg: #171721;
    --heading-light: #363644;
    --card-bg: #FFFFFF;
    --overlay: rgb(13 16 30 / 59%);
    /* Images for css background */
    --splash2: url(../img/hero-bgv.webp);
    --logo-light: url(../img/logo.webp);
    --logo-dark: url(../img/logod.webp);
    --shape: url(../img/shape.svg);
    /* Section effects */
    --noise-opacity: 0.6;
    --noise-duration: 700ms;
    --noise-texture: url('../img/noise.webp');
    --accordion-icon-duration: 280ms;
    --section-heading-light: var(--heading-light);
    --section-copy-light: var(--text-placeholder);
}