@import "./variables.css";

/* TEXT */
.torque-text-neutralcolor-white {
    color: var(--neutralcolor-white);
}

.torque-text-neutralcolor-light {
    color: var(--neutralcolor-light);
}

.torque-text-neutralcolor-lightest {
    color: var(--neutralcolor-lightest);
}

.torque-text-neutralcolor-medium {
    color: var(--neutralcolor-medium);
}

.torque-text-neutralcolor-dark {
    color: var(--neutralcolor-dark);
}

.torque-text-neutralcolor-darkest {
    color: var(--neutralcolor-darkest);
}

.torque-text-brandcolor-primary-lightest {
    color: var(--brandcolor-primary-lightest);
}

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

.torque-text-brandcolor-primary-medium {
    color: var(--brandcolor-primary-medium);
}

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

.torque-text-brandcolor-secondary-medium {
    color: var(--brandcolor-secondary-medium);
}

.torque-text-brandcolor-secondary-light {
    color: var(--brandcolor-secondary-light);
}

.torque-text-brandcolor-secondary-lightest {
    color: var(--brandcolor-secondary-lightest);
}

/* BACKGROUND */

.torque-bg-neutralcolor-white {
    background-color: var(--neutralcolor-white);
}

.torque-bg-neutralcolor-lightest {
    background-color: var(--neutralcolor-lightest);
}

.torque-bg-neutralcolor-medium {
    background-color: var(--neutralcolor-medium);
}

.torque-bg-neutralcolor-dark {
    background-color: var(--neutralcolor-dark);
}

.torque-bg-neutralcolor-darkest {
    background-color: var(--neutralcolor-darkest);
}

.torque-bg-brandcolor-primary-lightest {
    background-color: var(--brandcolor-primary-lightest);
}

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

.torque-bg-brandcolor-primary-medium {
    background-color: var(--brandcolor-primary-medium);
}

.torque-bg-brandcolor-secondary-medium {
    background-color: var(--brandcolor-secondary-medium);
}

.torque-bg-brandcolor-secondary-lightest {
    background-color: var(--brandcolor-secondary-lightest);
}

/* SHADOW */

.torque-dropshadow-sm {
    box-shadow: var(--dropshadow-sm);
}

.torque-dropshadow-md {
    box-shadow: var(--dropshadow-md);
}

.torque-dropshadow-lg {
    box-shadow: var(--dropshadow-lg)
}

/* SVG */

.torque-stroke-brandcolor-secondary-medium path {
    stroke: var(--brandcolor-secondary-medium);
}

.torque-stroke-brandcolor-secondary-light path {
    stroke: var(--brandcolor-secondary-light);
}

.torque-stroke-brandcolor-secondary-lightest path {
    stroke: var(--brandcolor-secondary-lightest);
}