/*
    Text Colors
*/
.text-primary {     color: rgba(var(--color-primary-rgb), var(--text-opacity));     }
.text-secondary {   color: rgba(var(--color-secondary-rgb), var(--text-opacity));   }
.text-tertiary {    color: rgba(var(--color-tertiary-rgb), var(--text-opacity));    }
.text-black {       color: rgba(var(--color-black-rgb), var(--text-opacity));       }
.text-white {       color: rgba(var(--color-white-rgb), var(--text-opacity));       }
.text-grey {        color: rgba(var(--color-grey-rgb), var(--text-opacity));        }
.text-light-grey {  color: rgba(var(--color-light-grey-rgb), var(--text-opacity));  }
.text-dark-grey {   color: rgba(var(--color-dark-grey-rgb), var(--text-opacity));   }


/*
    Background Colors
*/
.bg-primary {       background-color: rgba(var(--color-primary-rgb), var(--bg-opacity));    }
.bg-secondary {     background-color: rgba(var(--color-secondary-rgb), var(--bg-opacity));  }
.bg-tertiary {      background-color: rgba(var(--color-tertiary-rgb), var(--bg-opacity));    }
.bg-black {         background-color: rgba(var(--color-black-rgb), var(--bg-opacity));       }
.bg-white {         background-color: rgba(var(--color-white-rgb), var(--bg-opacity));       }
.bg-grey {          background-color: rgba(var(--color-grey-rgb), var(--bg-opacity));        }
.bg-light-grey {    background-color: rgba(var(--color-light-grey-rgb), var(--bg-opacity));  }
.bg-dark-grey {     background-color: rgba(var(--color-dark-grey-rgb), var(--bg-opacity));   }

/*
    Border Colors
*/
.border-primary {    border-color: rgba(var(--color-primary-rgb), var(--border-opacity));    }
.border-secondary {  border-color: rgba(var(--color-secondary-rgb), var(--border-opacity));  }
.border-tertiary {   border-color: rgba(var(--color-tertiary-rgb), var(--border-opacity));   }
.border-black {      border-color: rgba(var(--color-black-rgb), var(--border-opacity));      }
.border-white {      border-color: rgba(var(--color-white-rgb), var(--border-opacity));      }
.border-grey {       border-color: rgba(var(--color-grey-rgb), var(--border-opacity));       }
.border-light-grey { border-color: rgba(var(--color-light-grey-rgb), var(--border-opacity)); }
.border-dark-grey {  border-color: rgba(var(--color-dark-grey-rgb), var(--border-opacity));  }

/*
    Opacity
*/
.text-opacity-0 {       --text-opacity: 0;    }
.text-opacity-10 {      --text-opacity: 0.1;  }
.text-opacity-20 {      --text-opacity: 0.2;  }
.text-opacity-30 {      --text-opacity: 0.3;  }
.text-opacity-40 {      --text-opacity: 0.4;  }
.text-opacity-50 {      --text-opacity: 0.5;  }
.text-opacity-60 {      --text-opacity: 0.6;  }
.text-opacity-70 {      --text-opacity: 0.7;  }
.text-opacity-80 {      --text-opacity: 0.8;  }
.text-opacity-90 {      --text-opacity: 0.9;  }
.text-opacity-100 {     --text-opacity: 1;    }

.bg-opacity-0 {         --bg-opacity: 0;      }
.bg-opacity-10 {        --bg-opacity: 0.1;    }
.bg-opacity-20 {        --bg-opacity: 0.2;    }
.bg-opacity-30 {        --bg-opacity: 0.3;    }
.bg-opacity-40 {        --bg-opacity: 0.4;    }
.bg-opacity-50 {        --bg-opacity: 0.5;    }
.bg-opacity-60 {        --bg-opacity: 0.6;    }
.bg-opacity-70 {        --bg-opacity: 0.7;    }
.bg-opacity-80 {        --bg-opacity: 0.8;    }
.bg-opacity-90 {        --bg-opacity: 0.9;    }
.bg-opacity-100 {       --bg-opacity: 1;      }

.border-opacity-0 {     --border-opacity: 0;      }
.border-opacity-10 {    --border-opacity: 0.1;    }
.border-opacity-20 {    --border-opacity: 0.2;    }
.border-opacity-30 {    --border-opacity: 0.3;    }
.border-opacity-40 {    --border-opacity: 0.4;    }
.border-opacity-50 {    --border-opacity: 0.5;    }
.border-opacity-60 {    --border-opacity: 0.6;    }
.border-opacity-70 {    --border-opacity: 0.7;    }
.border-opacity-80 {    --border-opacity: 0.8;    }
.border-opacity-90 {    --border-opacity: 0.9;    }
.border-opacity-100 {   --border-opacity: 1;      }