@import "https://fonts.googleapis.com/css2?family=Cairo&display=swap";
@import url("https://use.typekit.net/qwg4uvl.css");
@import url('https://fonts.cdnfonts.com/css/amiri');
@import url('https://fonts.googleapis.com/css?family=Tajawal');

/*** Font Families ***/
.font-cairo {
    font-family: 'Cairo', sans-serif;
}

.font-adobe-arabic {
    font-family: 'adobe-arabic', sans-serif;
}

.font-tajawal{
    font-family: 'Tajawal', sans-serif;
}

.font-amiri{
    font-family: 'Amiri', sans-serif;
}

/*** Font Weight ***/

.light {
    font-weight: 300 !important;
}

/*** Font Sizes ***/
.text-1-0 {
    font-size: 1rem !important;
    /*font-weight: 300;*/
    /*line-height: 1.2;*/
}

.text-1-3 {
    font-size: 1.3rem !important;
}

.text-1-5 {
    font-size: 1.5rem !important;
}

.text-1-8 {
    font-size: 1.8rem !important;
}

.text-2-0 {
    font-size: 2.0rem;
}

.text-2-3 {
    font-size: 2.3rem;
}

.text-2-5 {
    font-size: 2.5rem;
    /*font-weight: 300;*/
    /*line-height: 1.2;*/
}

.text-0-6, .text-0-6 input::-webkit-input-placeholder, .text-0-6 select {
    font-size: 0.6rem !important;
}

.text-0-7, .text-0-7 input::-webkit-input-placeholder, .text-0-7 select {
    font-size: 0.7rem !important;
}

.text-0-8, .text-0-8 input::-webkit-input-placeholder, .text-0-8 select {
    font-size: 0.8rem !important;
}


.text-0-9, .text-0-9 input::-webkit-input-placeholder, .text-0-9 select {
    font-size: 0.9rem;
}

/** Text specifications **/
.text-indent-10{
    text-indent: 10px;
}

/** Colors and backgrounds **/
.primary-color {
    color: var(--Matterix);
}

.primary-background {
    background-color: var(--Matterix);
}

.primary-dark-color {
    color: var(--primary-dark);
}

.primary-dark-background {
    background-color: var(--primary-dark);
}

.primary-light-color {
    color: var(--primary-light);
}

.primary-light-background {
    background-color: var(--primary-light);
}

.violet-color{
    color: var(--violet)
}

.violet-background {
    background-color: var(--violet)
}



.smoke-background {
    background-color: whitesmoke;
}