/* =========================================================
   CIBERRA CONSUMPTION PAGE
   Styles unique to consumption.html
   ========================================================= */


/* =========================================================
   1. Consumption accent treatments
   ========================================================= */

.consumption-page .eyebrow-dot {
    background: var(--plum);
}

.consumption-page .section-kicker {
    color: var(--plum);
}

.consumption-page .status {
    background: rgba(94, 70, 95, 0.12);
    color: var(--plum);
}

.consumption-page .status span {
    background: var(--plum);
}


/* =========================================================
   2. Consumption-specific card accents
   ========================================================= */

.consumption-page .signal-card em {
    color: var(--plum);
}

.consumption-page .tag {
    border-color: rgba(94, 70, 95, 0.18);
    background: rgba(94, 70, 95, 0.09);
    color: var(--plum);
}

.consumption-page .check {
    background: rgba(94, 70, 95, 0.15);
    color: var(--plum);
}


/* =========================================================
   3. Consumption CTA treatment
   ========================================================= */

.consumption-page .cta-box {
    background:
        radial-gradient(circle at 88% 10%,
            rgba(94, 70, 95, 0.2),
            transparent 34%),
        linear-gradient(145deg,
            #ffffff,
            #eee8ef);
}


/* =========================================================
   4. Consumption metrics
   ========================================================= */

.consumption-page .metric strong {
    color: var(--plum);
}


/* =========================================================
   5. Future consumption-specific components
   ========================================================= */

/*
.consumption-dashboard { }

.diet-composition-chart { }

.food-affordability-panel { }

.nutrition-risk-card { }

.household-demand-map { }

.food-security-alert { }
*/