/* Merged color utilities: background + text-color */

.bg-brand-primary,
.bg-primary {
background: var(--button-primary-bg);
}

.bg-brand-primary-alpha-10,
.bg-primary-10 {
background: var(--color-brand-primary-alpha-10);
}

.bg-surface-default,
.bg-surface {
    background: var(--bg-surface);
    background-color: var(--bg-surface);
}

.bg-page-canvas,
.bg-page {
    background: var(--bg-page);
}

.bg-surface-strong,
.bg-muted {
    background: var(--bg-muted);
}

.bg-brand-soft,
.bg-blue-muted {
    background: var(--button-secondary-hover);
}

.bg-surface-muted,
.bg-muted-lite {
    background: var(--bg-muted-lite);
}

.bg-error,
.bg-status-error {
    background: var(--error-bg);
}

.bg-warning,
.bg-status-warning {
    background: var(--warning-bg);
}

.bg-warning-muted {
    background: var(--bg-warning-muted);
}

.bg-info,
.bg-info-soft {
    background: var(--info-bg);
}

.rounded-8 {
border-radius: 8px;
}

.shadow-orange {
box-shadow: 0 0 17px var(--cp-legacy-orange-alpha-60);
}

.bg-transparent {
background: transparent;
}

.bg-grey-100-5 {
background: color-mix(in srgb, var(--grey-100) 5%, transparent);
}

.bg-success {
background: var(--success-bg);
}

.bg-error-soft {
background: var(--bg-error-soft);
}

.bg-success-soft {
background: var(--bg-success-soft);
}

.bg-no-repeat {
background-repeat: no-repeat;
}

.bg-contain {
background-size: contain;
}

.bg-breadcrumb-arrow {
background-image: url("https://image.coinpedia.org/wp-content/uploads/2026/03/11172412/breadcrum-arrow.svg");
}

.hover-bg-brand-alpha-12:hover,
.hover-bg-primary-12:hover {
background: var(--color-brand-primary-alpha-12);
}

.grey-light-bg {
    background: var(--light-20);
}

body {
    color: var(--text-primary);
}

a {
    color: var(--text-primary);
}

a:hover .text-title-h4,
a:hover:not(.cp-home-market-sentiment-card) .text-title-h3,
a:hover .text-title-h2,
a:hover .text-heading-h1 {
    color: var(--Primary-Brand-primary);
}

.text-brand-primary,
.text-primary,
.text-primary-100 {
color: var(--Primary-Brand-primary);
}

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

.text-muted {
color: var(--text-muted);
}

.text-muted-lite {
color: var(--text-muted-lite);
}

.text-foreground-primary,
.text-primary-grey,
.grey-primary {
color: var(--text-primary);
}

.text-metadata {
color: var(--text-metadata);
}

.text-foreground-secondary {
color: var(--text-secondary);
}

.text-success {
color: var(--success-text);
}

.text-bg-success {
color: var(--success-bg-text);
}

.text-error {
color: var(--error-text);
}

.text-bg-error {
color: var(--error-bg-text);
}

.text-warning {
color: var(--warning-text);
}

.text-info {
color: var(--info-text);
}

.grey-text {
color: var(--grey-text);
}

.text-white {
color: var(--grey-0);
}

.text-entry-title {
color: var(--text-primary);
}

.text-entry-muted {
color: color-mix(in srgb, var(--text-primary) 50%, transparent);
}

.text-brand-primary-80,
.text-primary-80 {
color: var(--color-brand-primary-tone-80);
}

.text-brand-primary-alpha-80 {
color: var(--color-brand-primary-alpha-80);
}

.text-entry-muted-70 {
color: color-mix(in srgb, var(--text-primary) 50%, transparent);
}

.text-black {
color: var(--cp-legacy-text-strong);
}

.text-grey {
color: var(--grey-100);
}

.text-light-grey {
color: var(--grey-50);
}

.hover-text-brand-primary:hover,
.hover-text-primary-100:hover {
color: var(--Primary-Brand-primary);
}

.brand-title,
a:hover:not(.cp-home-market-sentiment-card):not(.cp-block-ajax-term):not(.cp-events-tab):not(.brand-button-primary):not(.cp-archive-download-button):not([data-toggle="tab"]):not(.go-to-top-button):not(.menu-primary-button) {
    color: var(--Primary-Brand-primary);
}

#footer .the-subtitle {
    color: var(--color-foreground-inverse);
}