:root {
--ccp-primary-dark-color: #b7400d;
--ccp-primary-color: #dd6633;
--ccp-primary-light-color: #ff8c59;
--ccp-secondary-dark-color: #730db7;
--ccp-secondary-color: #9933dd;
--ccp-secondary-light-color: #bf59ff;
--ccp-accent-color: #33bbdd;
--ccp-white-color: #ffffff;
--ccp-light-gray-color: #eeeeee;
--ccp-dark-gray-color: #666666;
--ccp-black-color: #151515;
--ccp-red-color: #dd3333;
--ccp-green-color: #81d742;
--ccp-blue-color: #1e73be;
--ccp-yellow-color: #eeee22;
--ccp-orange-color: #dd9933;
--ccp-purple-color: #8224e3;
--ccp-brown-color: #825b00;
--ccp-pink-color: #e500e5;
} .has-ccp-primary-dark-color {
color: #b7400d;
color: var(--ccp-primary-dark-color);
}
.has-ccp-primary-color {
color: #dd6633;
color: var(--ccp-primary-color);
}
.has-ccp-primary-light-color {
color: #ff8c59;
color: var(--ccp-primary-light-color);
}
.has-ccp-secondary-dark-color {
color: #730db7;
color: var(--ccp-secondary-dark-color);
}
.has-ccp-secondary-color {
color: #9933dd;
color: var(--ccp-secondary-color);
}
.has-ccp-secondary-light-color {
color: #bf59ff;
color: var(--ccp-secondary-light-color);
}
.has-ccp-accent-color {
color: #33bbdd;
color: var(--ccp-accent-color);
}
.has-ccp-white-color {
color: #ffffff;
color: var(--ccp-white-color);
}
.has-ccp-light-gray-color {
color: #eeeeee;
color: var(--ccp-light-gray-color);
}
.has-ccp-dark-gray-color {
color: #666666;
color: var(--ccp-dark-gray-color);
}
.has-ccp-black-color {
color: #151515;
color: var(--ccp-black-color);
}
.has-ccp-red-color {
color: #dd3333;
color: var(--ccp-red-color);
}
.has-ccp-green-color {
color: #1e73be;
color: var(--ccp-green-color);
}
.has-ccp-blue-color {
color: #dd3333;
color: var(--ccp-blue-color);
}
.has-ccp-yellow-color {
color: #eeee22;
color: var(--ccp-yellow-color);
}
.has-ccp-orange-color {
color: #dd9933;
color: var(--ccp-orange-color);
}
.has-ccp-purple-color {
color: #8224e3;
color: var(--ccp-purple-color);
}
.has-ccp-brown-color {
color: #825b00;
color: var(--ccp-brown-color);
}
.has-ccp-pink-color {
color: #e500e5;
color: var(--ccp-pink-color);
} .has-ccp-primary-dark-background-color {
background-color: #b7400d;
background-color: var(--ccp-primary-dark-color);
}
.has-ccp-primary-background-color {
background-color: #dd6633;
background-color: var(--ccp-primary-color);
}
.has-ccp-primary-light-background-color {
background-color: #ff8c59;
background-color: var(--ccp-primary-light-color);
}
.has-ccp-secondary-dark-background-color {
background-color: #730db7;
background-color: var(--ccp-secondary-dark-color);
}
.has-ccp-secondary-background-color {
background-color: #9933dd;
background-color: var(--ccp-secondary-color);
}
.has-ccp-secondary-light-background-color {
background-color: #bf59ff;
background-color: var(--ccp-secondary-light-color);
}
.has-ccp-accent-background-color {
background-color: #33bbdd;
background-color: var(--ccp-accent-color);
}
.has-ccp-white-background-color {
background-color: #ffffff;
background-color: var(--ccp-white-color);
}
.has-ccp-light-gray-background-color {
background-color: #eeeeee;
background-color: var(--ccp-light-gray-color);
}
.has-ccp-dark-gray-background-color {
background-color: #666666;
background-color: var(--ccp-dark-gray-color);
}
.has-ccp-black-background-color {
background-color: #151515;
background-color: var(--ccp-black-color);
}
.has-ccp-red-background-color {
background-color: #dd3333;
background-color: var(--ccp-red-color);
}
.has-ccp-green-background-color {
background-color: #1e73be;
background-color: var(--ccp-green-color);
}
.has-ccp-blue-background-color {
background-color: #dd3333;
background-color: var(--ccp-blue-color);
}
.has-ccp-yellow-background-color {
background-color: #eeee22;
background-color: var(--ccp-yellow-color);
}
.has-ccp-orange-background-color {
background-color: #dd9933;
background-color: var(--ccp-orange-color);
}
.has-ccp-purple-background-color {
background-color: #8224e3;
background-color: var(--ccp-purple-color);
}
.has-ccp-brown-background-color {
background-color: #825b00;
background-color: var(--ccp-brown-color);
}
.has-ccp-pink-background-color {
background-color: #e500e5;
background-color: var(--ccp-pink-color);
}