:root {
    color-scheme: dark;

    --sos-blue-90: #050c13;
    --sos-blue-80: #0b1927;
    --sos-blue-70: #10263b;
    --sos-blue-60: #16334f;
    --sos-blue: #1c4063;
    --sos-blue-40: #496682;
    --sos-blue-30: #768ca1;
    --sos-blue-20: #a4b2c0;
    --sos-blue-10: #d1d8df;

    --sos-yellow-90: #332e00;
    --sos-yellow-80: #665c00;
    --sos-yellow-70: #998a00;
    --sos-yellow-60: #ccb800;
    --sos-yellow: #ffe600;
    --sos-yellow-40: #ffeb32;
    --sos-yellow-30: #fff066;
    --sos-yellow-20: #fff599;
    --sos-yellow-10: #fffacc;


    --sos-gray-90: #080808;
    --sos-gray-80: #363637;
    --sos-gray-70: #646566;
    --sos-gray-60: #929395;
    --sos-gray: #c0c2c4;
    --sos-gray-40: #cfd1d2;
    --sos-gray-30: #dedfe0;
    --sos-gray-20: #edeeee;
    --sos-gray-15: #f5f5f6;
    --sos-gray-10: #fcfdfd;

    --sos-dark-gray-90: #040404;
    --sos-dark-gray-80: #19191a;
    --sos-dark-gray-70: #2f2f30;
    --sos-dark-gray-60: #444547;
    --sos-dark-gray: #5a5b5d;
    --sos-dark-gray-40: #828284;
    --sos-dark-gray-30: #a9aaab;
    --sos-dark-gray-20: #d1d1d2;
    --sos-dark-gray-15: #e5e5e5;
    --sos-dark-gray-10: #f8f8f9;

    --sos-red-90: #080102;
    --sos-red-80: #37050d;
    --sos-red-70: #660919;
    --sos-red-60: #950e24;
    --sos-red: #c41230;
    --sos-red-40: #d24b62;
    --sos-red-30: #e08493;
    --sos-red-20: #eebdc5;
    --sos-red-10: #fdf6f7;
    
    --sos-green-90: #040602;
    --sos-green-80: #1a2a0e;
    --sos-green-70: #314f1a;
    --sos-green-60: #477326;
    --sos-green: #5e9732;
    --sos-green-40: #85b063;
    --sos-green-30: #abc994;
    --sos-green-20: #d2e2c6;
    --sos-green-10: #f9fbf7;

    --sos-gold-90: #2d2005;
    --sos-gold-80: #5b400a;
    --sos-gold-70: #886010;
    --sos-gold-60: #b68015;
    --sos-gold: #E4A11B;
    --sos-gold-40: #e9b348;
    --sos-gold-30: #eec676;
    --sos-gold-20: #f4d9a3;
    --sos-gold-10: #f9ecd1;

}

/***********************************************************/
/* Color Palette */
/***********************************************************/
/* Text Colors */
.text-sos-blue-90{ color: var(--sos-blue-90); }
.text-sos-blue-80{ color: var(--sos-blue-80); }
.text-sos-blue-70{ color: var(--sos-blue-70); }
.text-sos-blue-60{ color: var(--sos-blue-60); }
.text-sos-blue{ color: var(--sos-blue); }
.text-sos-blue-40{ color: var(--sos-blue-40); }
.text-sos-blue-30{ color: var(--sos-blue-30); }
.text-sos-blue-20{ color: var(--sos-blue-20); }
.text-sos-blue-10{ color: var(--sos-blue-10); }

.text-sos-yellow-90{ color: var(--sos-yellow-90);}
.text-sos-yellow-80{ color: var(--sos-yellow-80);}
.text-sos-yellow-70{ color: var(--sos-yellow-70);}
.text-sos-yellow-60{ color: var(--sos-yellow-60);}
.text-sos-yellow{ color: var(--sos-yellow);}
.text-sos-yellow-40{ color: var(--sos-yellow-40);}
.text-sos-yellow-30{ color: var(--sos-yellow-30);}
.text-sos-yellow-20{ color: var(--sos-yellow-20);}
.text-sos-yellow-10{ color: var(--sos-yellow-10);}

.text-sos-gray-90{ color: var(--sos-gray-90); }
.text-sos-gray-80{ color: var(--sos-gray-80); }
.text-sos-gray-70{ color: var(--sos-gray-70); }
.text-sos-gray-60{ color: var(--sos-gray-60); }
.text-sos-gray{ color: var(--sos-gray); }
.text-sos-gray-40{ color: var(--sos-gray-40); }
.text-sos-gray-30{ color: var(--sos-gray-30); }
.text-sos-gray-20{ color: var(--sos-gray-20); }
.text-sos-gray-10{ color: var(--sos-gray-10); }

.text-sos-dark-gray-90{ color: var(--sos-dark-gray-90); }
.text-sos-dark-gray-80{ color: var(--sos-dark-gray-80); }
.text-sos-dark-gray-70{ color: var(--sos-dark-gray-70); }
.text-sos-dark-gray-60{ color: var(--sos-dark-gray-60); }
.text-sos-dark-gray{ color: var(--sos-dark-gray); }
.text-sos-dark-gray-40{ color: var(--sos-dark-gray-40); }
.text-sos-dark-gray-30{ color: var(--sos-dark-gray-30); }
.text-sos-dark-gray-20{ color: var(--sos-dark-gray-20); }
.text-sos-dark-gray-10{ color: var(--sos-dark-gray-10); }

.text-sos-red-90{ color: var(--sos-red-90); }
.text-sos-red-80{ color: var(--sos-red-80); }
.text-sos-red-70{ color: var(--sos-red-70); }
.text-sos-red-60{ color: var(--sos-red-60); }
.text-sos-red{ color: var(--sos-red); }
.text-sos-red-40{ color: var(--sos-red-40); }
.text-sos-red-30{ color: var(--sos-red-30); }
.text-sos-red-20{ color: var(--sos-red-20); }
.text-sos-red-10{ color: var(--sos-red-10); }

.text-sos-light-blue-90{ color: var(--sos-light-blue-90); }
.text-sos-light-blue-80{ color: var(--sos-light-blue-80); }
.text-sos-light-blue-70{ color: var(--sos-light-blue-70); }
.text-sos-light-blue-60{ color: var(--sos-light-blue-60); }
.text-sos-light-blue{ color: var(--sos-light-blue); }
.text-sos-light-blue-40{ color: var(--sos-light-blue-40); }
.text-sos-light-blue-30{ color: var(--sos-light-blue-30); }
.text-sos-light-blue-20{ color: var(--sos-light-blue-20); }
.text-sos-light-blue-10{ color: var(--sos-light-blue-10); }

.text-sos-green-90{ color: var(--sos-green-90); }
.text-sos-green-80{ color: var(--sos-green-80); }
.text-sos-green-70{ color: var(--sos-green-70); }
.text-sos-green-60{ color: var(--sos-green-60); }
.text-sos-green{ color: var(--sos-green); }
.text-sos-green-40{ color: var(--sos-green-40); }
.text-sos-green-30{ color: var(--sos-green-30); }
.text-sos-green-20{ color: var(--sos-green-20); }
.text-sos-green-15{ color: var(--sos-green-15); }
.text-sos-green-10{ color: var(--sos-green-10); }

.text-sos-gold-90{ color: var(--sos-gold-90); }
.text-sos-gold-80{ color: var(--sos-gold-80); }
.text-sos-gold-70{ color: var(--sos-gold-70); }
.text-sos-gold-60{ color: var(--sos-gold-60); }
.text-sos-gold{ color: var(--sos-gold); }
.text-sos-gold-40{ color: var(--sos-gold-40); }
.text-sos-gold-30{ color: var(--sos-gold-30); }
.text-sos-gold-20{ color: var(--sos-gold-20); }
.text-sos-gold-10{ color: var(--sos-gold-10); }

/* Background colors */
.bg-sos-blue-90{ background-color: var(--sos-blue-90); }
.bg-sos-blue-80{ background-color: var(--sos-blue-80); }
.bg-sos-blue-70{ background-color: var(--sos-blue-70); }
.bg-sos-blue-60{ background-color: var(--sos-blue-60); }
.bg-sos-blue{ background-color: var(--sos-blue); }
.bg-sos-blue-40{ background-color: var(--sos-blue-40); }
.bg-sos-blue-30{ background-color: var(--sos-blue-30); }
.bg-sos-blue-20{ background-color: var(--sos-blue-20); }
.bg-sos-blue-10{ background-color: var(--sos-blue-10); }

.bg-sos-yellow-90{ background-color: var(--sos-yellow-90);}
.bg-sos-yellow-80{ background-color: var(--sos-yellow-80);}
.bg-sos-yellow-70{ background-color: var(--sos-yellow-70);}
.bg-sos-yellow-60{ background-color: var(--sos-yellow-60);}
.bg-sos-yellow{ background-color: var(--sos-yellow);}
.bg-sos-yellow-40{ background-color: var(--sos-yellow-40);}
.bg-sos-yellow-30{ background-color: var(--sos-yellow-30);}
.bg-sos-yellow-20{ background-color: var(--sos-yellow-20);}
.bg-sos-yellow-10{ background-color: var(--sos-yellow-10);}

.bg-sos-gray-90{ background-color: var(--sos-gray-90); }
.bg-sos-gray-80{ background-color: var(--sos-gray-80); }
.bg-sos-gray-70{ background-color: var(--sos-gray-70); }
.bg-sos-gray-60{ background-color: var(--sos-gray-60); }
.bg-sos-gray{ background-color: var(--sos-gray); }
.bg-sos-gray-40{ background-color: var(--sos-gray-40); }
.bg-sos-gray-30{ background-color: var(--sos-gray-30); }
.bg-sos-gray-20{ background-color: var(--sos-gray-20); }
.bg-sos-gray-15{ background-color: var(--sos-gray-15); }
.bg-sos-gray-10{ background-color: var(--sos-gray-10); }

.bg-sos-dark-gray-90{ background-color: var(--sos-dark-gray-90); }
.bg-sos-dark-gray-80{ background-color: var(--sos-dark-gray-80); }
.bg-sos-dark-gray-70{ background-color: var(--sos-dark-gray-70); }
.bg-sos-dark-gray-60{ background-color: var(--sos-dark-gray-60); }
.bg-sos-dark-gray{ background-color: var(--sos-dark-gray); }
.bg-sos-dark-gray-40{ background-color: var(--sos-dark-gray-40); }
.bg-sos-dark-gray-30{ background-color: var(--sos-dark-gray-30); }
.bg-sos-dark-gray-20{ background-color: var(--sos-dark-gray-20); }
.bg-sos-dark-gray-15{ background-color: var(--sos-dark-gray-15); }
.bg-sos-dark-gray-10{ background-color: var(--sos-dark-gray-10); }

.bg-sos-red-90{ background-color: var(--sos-red-90); }
.bg-sos-red-80{ background-color: var(--sos-red-80); }
.bg-sos-red-70{ background-color: var(--sos-red-70); }
.bg-sos-red-60{ background-color: var(--sos-red-60); }
.bg-sos-red{ background-color: var(--sos-red); }
.bg-sos-red-40{ background-color: var(--sos-red-40); }
.bg-sos-red-30{ background-color: var(--sos-red-30); }
.bg-sos-red-20{ background-color: var(--sos-red-20); }
.bg-sos-red-15{ background-color: var(--sos-red-15); }
.bg-sos-red-10{ background-color: var(--sos-red-10); }

.bg-sos-light-blue-90{ background-color: var(--sos-light-blue-90); }
.bg-sos-light-blue-80{ background-color: var(--sos-light-blue-80); }
.bg-sos-light-blue-70{ background-color: var(--sos-light-blue-70); }
.bg-sos-light-blue-60{ background-color: var(--sos-light-blue-60); }
.bg-sos-light-blue{ background-color: var(--sos-light-blue); }
.bg-sos-light-blue-40{ background-color: var(--sos-light-blue-40); }
.bg-sos-light-blue-30{ background-color: var(--sos-light-blue-30); }
.bg-sos-light-blue-20{ background-color: var(--sos-light-blue-20); }
.bg-sos-light-blue-15{ background-color: var(--sos-light-blue-15); }
.bg-sos-light-blue-10{ background-color: var(--sos-light-blue-10); }

.bg-sos-green-90{ background-color: var(--sos-green-90); }
.bg-sos-green-80{ background-color: var(--sos-green-80); }
.bg-sos-green-70{ background-color: var(--sos-green-70); }
.bg-sos-green-60{ background-color: var(--sos-green-60); }
.bg-sos-green{ background-color: var(--sos-green); }
.bg-sos-green-40{ background-color: var(--sos-green-40); }
.bg-sos-green-30{ background-color: var(--sos-green-30); }
.bg-sos-green-20{ background-color: var(--sos-green-20); }
.bg-sos-green-15{ background-color: var(--sos-green-15); }
.bg-sos-green-10{ background-color: var(--sos-green-10); }

.bg-sos-gold-90{ background-color: var(--sos-gold-90); }
.bg-sos-gold-80{ background-color: var(--sos-gold-80); }
.bg-sos-gold-70{ background-color: var(--sos-gold-70); }
.bg-sos-gold-60{ background-color: var(--sos-gold-60); }
.bg-sos-gold{ background-color: var(--sos-gold); }
.bg-sos-gold-40{ background-color: var(--sos-gold-40); }
.bg-sos-gold-30{ background-color: var(--sos-gold-30); }
.bg-sos-gold-20{ background-color: var(--sos-gold-20); }
.bg-sos-gold-10{ background-color: var(--sos-gold-10); }