:root {
    --bg-color:        #0B0C0D;
    --bg-elevated:     #16171A;
    --bg-light:        #efebe5;
    --bg-light-alt:    #e3ddd3;
    --surface-card:    #e3ddd3;
    --border-soft:     rgba(11, 12, 13, 0.14);

    --text-primary:    #efebe5;
    --text-on-light:   #0B0C0D;
    --text-muted-on-dark:  rgba(239, 235, 229, 0.55);
    --text-muted-on-light: rgba(11, 12, 13, 0.55);
}

.footer ::selection,
.cube-section ::selection,
.iq-about ::selection,
.iq-join__hero ::selection,
.iq-join__apply-box ::selection,
#section-work-websites ::selection {
    background-color: var(--bg-light);
    color: var(--text-on-light);
}
.footer ::-moz-selection,
.cube-section ::-moz-selection,
.iq-about ::-moz-selection,
.iq-join__hero ::-moz-selection,
.iq-join__apply-box ::-moz-selection,
#section-work-websites ::-moz-selection {
    background-color: var(--bg-light);
    color: var(--text-on-light);
}

html, body {
    cursor: url('../cursor/cursor-arrow.svg') 6 4, auto;
}

a {
    cursor: url('../cursor/cursor-pointer.svg?v=4') 15 16, pointer;
}

.icon.icon--phone,
.icon.icon--envelope,
.icon.icon--whatsapp,
.icon.icon--viber,
.icon.icon--facebook,
.icon.icon--tiktok,
.icon.icon--youtube,
.icon.icon--x-twitter,
.icon.icon--instagram,
.icon.icon--linkedin {
    width: 20px;
    height: 20px;
}