/* ===========================================
   OFFICIAL UN SUSTAINABLE DEVELOPMENT GOALS (SDG) COLORS
   Source: United Nations Brand Guidelines
   =========================================== */

/* SDG 1 - No Poverty */
.sdg-1 {
    background-color: #E5243B;
}

/* SDG 2 - Zero Hunger */
.sdg-2 {
    background-color: #DDA63A;
}

/* SDG 3 - Good Health and Well-being */
.sdg-3 {
    background-color: #4C9F38;
}

/* SDG 4 - Quality Education */
.sdg-4 {
    background-color: #C5192D;
}

/* SDG 5 - Gender Equality */
.sdg-5 {
    background-color: #FF3A21;
}

/* SDG 6 - Clean Water and Sanitation */
.sdg-6 {
    background-color: #26BDE2;
}

/* SDG 7 - Affordable and Clean Energy */
.sdg-7 {
    background-color: #FCC30B;
}

/* SDG 8 - Decent Work and Economic Growth */
.sdg-8 {
    background-color: #A21942;
}

/* SDG 9 - Industry, Innovation and Infrastructure */
.sdg-9 {
    background-color: #FD6925;
}

/* SDG 10 - Reduced Inequalities */
.sdg-10 {
    background-color: #DD1367;
}

/* SDG 11 - Sustainable Cities and Communities */
.sdg-11 {
    background-color: #FD9D24;
}

/* SDG 12 - Responsible Consumption and Production */
.sdg-12 {
    background-color: #BF8B2E;
}

/* SDG 13 - Climate Action */
.sdg-13 {
    background-color: #3F7E44;
}

/* SDG 14 - Life Below Water */
.sdg-14 {
    background-color: #0A97D9;
}

/* SDG 15 - Life on Land */
.sdg-15 {
    background-color: #56C02B;
}

/* SDG 16 - Peace, Justice and Strong Institutions */
.sdg-16 {
    background-color: #00689D;
}

/* SDG 17 - Partnerships for the Goals */
.sdg-17 {
    background-color: #19486A;
}

/* ===========================================
   SDG COLOR GRID - Bottom Strip Component
   =========================================== */

.sdg-color-strip {
    display: flex;
    width: 100%;
    height: 8px;
}

.sdg-color-strip .sdg-color-item {
    flex: 1;
    height: 100%;
}

/* Larger strip variant */
.sdg-color-strip.large {
    height: 15px;
}

/* ===========================================
   TEXT COLOR VARIANTS (for text on white bg)
   =========================================== */

.sdg-1-text {
    color: #E5243B;
}

.sdg-2-text {
    color: #DDA63A;
}

.sdg-3-text {
    color: #4C9F38;
}

.sdg-4-text {
    color: #C5192D;
}

.sdg-5-text {
    color: #FF3A21;
}

.sdg-6-text {
    color: #26BDE2;
}

.sdg-7-text {
    color: #FCC30B;
}

.sdg-8-text {
    color: #A21942;
}

.sdg-9-text {
    color: #FD6925;
}

.sdg-10-text {
    color: #DD1367;
}

.sdg-11-text {
    color: #FD9D24;
}

.sdg-12-text {
    color: #BF8B2E;
}

.sdg-13-text {
    color: #3F7E44;
}

.sdg-14-text {
    color: #0A97D9;
}

.sdg-15-text {
    color: #56C02B;
}

.sdg-16-text {
    color: #00689D;
}

.sdg-17-text {
    color: #19486A;
}

/* ===========================================
   BORDER COLOR VARIANTS
   =========================================== */

.sdg-1-border {
    border-color: #E5243B;
}

.sdg-2-border {
    border-color: #DDA63A;
}

.sdg-3-border {
    border-color: #4C9F38;
}

.sdg-4-border {
    border-color: #C5192D;
}

.sdg-5-border {
    border-color: #FF3A21;
}

.sdg-6-border {
    border-color: #26BDE2;
}

.sdg-7-border {
    border-color: #FCC30B;
}

.sdg-8-border {
    border-color: #A21942;
}

.sdg-9-border {
    border-color: #FD6925;
}

.sdg-10-border {
    border-color: #DD1367;
}

.sdg-11-border {
    border-color: #FD9D24;
}

.sdg-12-border {
    border-color: #BF8B2E;
}

.sdg-13-border {
    border-color: #3F7E44;
}

.sdg-14-border {
    border-color: #0A97D9;
}

.sdg-15-border {
    border-color: #56C02B;
}

.sdg-16-border {
    border-color: #00689D;
}

.sdg-17-border {
    border-color: #19486A;
}

/* ===========================================
   CSS CUSTOM PROPERTIES (Variables)
   =========================================== */

:root {
    --sdg-1: #E5243B;
    --sdg-2: #DDA63A;
    --sdg-3: #4C9F38;
    --sdg-4: #C5192D;
    --sdg-5: #FF3A21;
    --sdg-6: #26BDE2;
    --sdg-7: #FCC30B;
    --sdg-8: #A21942;
    --sdg-9: #FD6925;
    --sdg-10: #DD1367;
    --sdg-11: #FD9D24;
    --sdg-12: #BF8B2E;
    --sdg-13: #3F7E44;
    --sdg-14: #0A97D9;
    --sdg-15: #56C02B;
    --sdg-16: #00689D;
    --sdg-17: #19486A;
}