:root {
  /* Primary Colors */
  --aurora-primary-50:  #FBFCFE;
  --aurora-primary-75:  #ECEEF8;
  --aurora-primary-100: #DADDF1;
  --aurora-primary-150: #C7CCEB;
  --aurora-primary-200: #B4BCE4;
  --aurora-primary-250: #A1ABDD;
  --aurora-primary-300: #8F9AD6;
  --aurora-primary-350: #7C89D0;
  --aurora-primary-400: #6978C9;
  --aurora-primary-450: #5667C2;
  --aurora-primary-500: #4456BB;
  --aurora-primary-550: #3D4EA9;
  --aurora-primary-600: #364596;
  --aurora-primary-650: #2F3C83;
  --aurora-primary-700: #293470;
  --aurora-primary-750: #222B5E;
  --aurora-primary-800: #1B234B;
  --aurora-primary-850: #141A38;
  --aurora-primary-900: #0E1125;
  /* Monochrome */
  --aurora-grey-50:  #FCFCFD;
  --aurora-grey-75:  #EEF0F6;
  --aurora-grey-100: #DEE2ED;
  --aurora-grey-150: #CDD3E4;
  --aurora-grey-200: #BDC4DB;
  --aurora-grey-250: #ACB6D2;
  --aurora-grey-300: #9CA7C9;
  --aurora-grey-350: #8B99C1;
  --aurora-grey-400: #7A8AB8;
  --aurora-grey-450: #6A7BAF;
  --aurora-grey-500: #596DA6;
  --aurora-grey-550: #506295;
  --aurora-grey-600: #475785;
  --aurora-grey-650: #3E4C74;
  --aurora-grey-700: #364163;
  --aurora-grey-750: #2D3653;
  --aurora-grey-800: #242C42;
  --aurora-grey-850: #1B2132;
  --aurora-grey-900: #121621;
  /* Feedback Colors */
  --aurora-info-50:  #FBFDFE;
  --aurora-info-75:  #ECF3F9;
  --aurora-info-100: #D9E8F2;
  --aurora-info-150: #C6DCEC;
  --aurora-info-200: #B3D0E5;
  --aurora-info-250: #9FC4DF;
  --aurora-info-300: #8CB9D9;
  --aurora-info-350: #79ADD2;
  --aurora-info-400: #66A1CC;
  --aurora-info-450: #5396C5;
  --aurora-info-500: #408ABF;
  --aurora-info-550: #3A7CAC;
  --aurora-info-600: #336E99;
  --aurora-info-650: #2D6186;
  --aurora-info-700: #265373;
  --aurora-info-750: #204560;
  --aurora-info-800: #1A374C;
  --aurora-info-850: #132939;
  --aurora-info-900: #0D1C26;
  --aurora-success-50:  #FBFEFE;
  --aurora-success-75:  #ECF0F8;
  --aurora-success-100: #D9F2F1;
  --aurora-success-150: #C6ECEA;
  --aurora-success-200: #B3E5E3;
  --aurora-success-250: #9FDFDC;
  --aurora-success-300: #8CD9D5;
  --aurora-success-350: #79D2CE;
  --aurora-success-400: #66CCC7;
  --aurora-success-450: #53C5C0;
  --aurora-success-500: #40BFB9;
  --aurora-success-550: #3AACA6;
  --aurora-success-600: #339994;
  --aurora-success-650: #2D8681;
  --aurora-success-700: #26736F;
  --aurora-success-750: #20605D;
  --aurora-success-800: #1A4C4A;
  --aurora-success-850: #133938;
  --aurora-success-900: #0D2625;
  --aurora-warning-50:  #FFFDFa;
  --aurora-warning-75:  #FEF5E7;
  --aurora-warning-100: #FDECCE;
  --aurora-warning-150: #FCE2B6;
  --aurora-warning-200: #FBD89D;
  --aurora-warning-250: #FACF85;
  --aurora-warning-300: #F8C56D;
  --aurora-warning-350: #F7BB54;
  --aurora-warning-400: #F6B23C;
  --aurora-warning-450: #F5A823;
  --aurora-warning-500: #F49E0B;
  --aurora-warning-550: #DC8E0A;
  --aurora-warning-600: #C37F09;
  --aurora-warning-650: #AB6F08;
  --aurora-warning-700: #925F07;
  --aurora-warning-750: #7A4F05;
  --aurora-warning-800: #623F04;
  --aurora-warning-850: #492F03;
  --aurora-warning-900: #312002;
  --aurora-caution-50:  #FEFCFA;
  --aurora-caution-75:  #FCEFE8;
  --aurora-caution-100: #FADFD1;
  --aurora-caution-150: #F7D0BA;
  --aurora-caution-200: #F5C0A3;
  --aurora-caution-250: #F2B08C;
  --aurora-caution-300: #EFA076;
  --aurora-caution-350: #ED905F;
  --aurora-caution-400: #EA8148;
  --aurora-caution-450: #E87131;
  --aurora-caution-500: #E5611A;
  --aurora-caution-550: #CE5717;
  --aurora-caution-600: #B74E15;
  --aurora-caution-650: #A04412;
  --aurora-caution-700: #893A10;
  --aurora-caution-750: #73310D;
  --aurora-caution-800: #5C270A;
  --aurora-caution-850: #451D08;
  --aurora-caution-900: #2E1305;
  --aurora-danger-50:  #FEFBFA;
  --aurora-danger-75:  #FCEBE8;
  --aurora-danger-100: #F9D7D2;
  --aurora-danger-150: #F6C3BB;
  --aurora-danger-200: #F3AFA5;
  --aurora-danger-250: #F09B8E;
  --aurora-danger-300: #ED8878;
  --aurora-danger-350: #EA7462;
  --aurora-danger-400: #E7604B;
  --aurora-danger-450: #E44C34;
  --aurora-danger-500: #E1381E;
  --aurora-danger-550: #CA321B;
  --aurora-danger-600: #B42D18;
  --aurora-danger-650: #9D2715;
  --aurora-danger-700: #872212;
  --aurora-danger-750: #711C0F;
  --aurora-danger-800: #5A160C;
  --aurora-danger-850: #441109;
  --aurora-danger-900: #2D0B06;
  /* Extra Colors */
  --aurora-violet-50:  #FEFBFD;
  --aurora-violet-75:  #FBE9F5;
  --aurora-violet-100: #F7D4EC;
  --aurora-violet-150: #F3BEE2;
  --aurora-violet-200: #F0A8D9;
  --aurora-violet-250: #EC93CF;
  --aurora-violet-300: #E87DC5;
  --aurora-violet-350: #E467BC;
  --aurora-violet-400: #E052B2;
  --aurora-violet-450: #DD3CA8;
  --aurora-violet-500: #D9269F;
  --aurora-violet-550: #C3228F;
  --aurora-violet-600: #AD1F7F;
  --aurora-violet-650: #981B6F;
  --aurora-violet-700: #82175F;
  --aurora-violet-750: #6C134F;
  --aurora-violet-800: #570F40;
  --aurora-violet-850: #410B30;
  --aurora-violet-900: #2B0820;
  --aurora-lime-50:  #FBFEFC;
  --aurora-lime-75:  #EDF8F1;
  --aurora-lime-100: #DAF1E4;
  --aurora-lime-150: #C8EAD6;
  --aurora-lime-200: #B5E3C8;
  --aurora-lime-250: #A3DCBA;
  --aurora-lime-300: #90D5AD;
  --aurora-lime-350: #7ECE9F;
  --aurora-lime-400: #6BC791;
  --aurora-lime-450: #59C084;
  --aurora-lime-500: #46B976;
  --aurora-lime-550: #3FA66A;
  --aurora-lime-600: #38945E;
  --aurora-lime-650: #318153;
  --aurora-lime-700: #2A6F47;
  --aurora-lime-750: #235C3B;
  --aurora-lime-800: #1C4A2F;
  --aurora-lime-850: #153723;
  --aurora-lime-900: #0E2518; }

:root {
  /* Brand Colors */
  --dunas-primary-50:  #FEFDFB;
  --dunas-primary-75:  #F8F3EC;
  --dunas-primary-100: #F1E7DA;
  --dunas-primary-150: #EADBC7;
  --dunas-primary-200: #E3CFB5;
  --dunas-primary-250: #DCC3A2;
  --dunas-primary-300: #D5B790;
  --dunas-primary-350: #CEAB7E;
  --dunas-primary-400: #C79F6B;
  --dunas-primary-450: #C09358;
  --dunas-primary-500: #B98746;
  --dunas-primary-550: #A67A3F;
  --dunas-primary-600: #946C38;
  --dunas-primary-650: #815F31;
  --dunas-primary-700: #6F512A;
  --dunas-primary-750: #5D4423;
  --dunas-primary-800: #4A361C;
  --dunas-primary-850: #382915;
  --dunas-primary-900: #251B0E;
  /* Monochrome */
  --dunas-grey-50:  #F8F7F7;
  --dunas-grey-75:  #F4F2F1;
  --dunas-grey-100: #E8E5E3;
  --dunas-grey-150: #DDD8D5;
  --dunas-grey-200: #D1CCC7;
  --dunas-grey-250: #C6BEB9;
  --dunas-grey-300: #BAB2AB;
  --dunas-grey-350: #AFA49D;
  --dunas-grey-400: #A3978F;
  --dunas-grey-450: #978A81;
  --dunas-grey-500: #8C7D73;
  --dunas-grey-550: #7E7067;
  --dunas-grey-600: #70645C;
  --dunas-grey-650: #625851;
  --dunas-grey-700: #544B45;
  --dunas-grey-750: #463F3A;
  --dunas-grey-800: #38322E;
  --dunas-grey-850: #2A2623;
  --dunas-grey-900: #1C1917;
  /* Feedback Colors */
  --dunas-info-50:  #F7FDFD;
  --dunas-info-75:  #EAFafa;
  --dunas-info-100: #D6F5F5;
  --dunas-info-150: #C1F0F0;
  --dunas-info-200: #ADEBEB;
  --dunas-info-250: #98E6E6;
  --dunas-info-300: #84E1E1;
  --dunas-info-350: #70DCDC;
  --dunas-info-400: #5BD7D7;
  --dunas-info-450: #46D2D2;
  --dunas-info-500: #32CDCD;
  --dunas-info-550: #2DB8B8;
  --dunas-info-600: #28A4A4;
  --dunas-info-650: #238F8F;
  --dunas-info-700: #1E7B7B;
  --dunas-info-750: #196767;
  --dunas-info-800: #145252;
  --dunas-info-850: #0F3E3E;
  --dunas-info-900: #0A2929;
  --dunas-success-50:  #F8FCFB;
  --dunas-success-75:  #ECF8EC;
  --dunas-success-100: #DAF1DA;
  --dunas-success-150: #C7EAC7;
  --dunas-success-200: #B5E3B5;
  --dunas-success-250: #A2DCA2;
  --dunas-success-300: #90D590;
  --dunas-success-350: #7ECE7E;
  --dunas-success-400: #6BC76B;
  --dunas-success-450: #58C058;
  --dunas-success-500: #46B946;
  --dunas-success-550: #3FA63F;
  --dunas-success-600: #389438;
  --dunas-success-650: #318131;
  --dunas-success-700: #2A6F2A;
  --dunas-success-750: #235D23;
  --dunas-success-800: #1C4A1C;
  --dunas-success-850: #153815;
  --dunas-success-900: #0E250E;
  --dunas-warning-50:  #FFFDF5;
  --dunas-warning-75:  #FFFAE5;
  --dunas-warning-100: #FFF5CC;
  --dunas-warning-150: #FFF0B2;
  --dunas-warning-200: #FFEB99;
  --dunas-warning-250: #FFE580;
  --dunas-warning-300: #FFE066;
  --dunas-warning-350: #FFDB4D;
  --dunas-warning-400: #FFD633;
  --dunas-warning-450: #F5CB24;
  --dunas-warning-500: #F3C50C;
  --dunas-warning-550: #DBB10A;
  --dunas-warning-600: #C39E09;
  --dunas-warning-650: #AA8A08;
  --dunas-warning-700: #927607;
  --dunas-warning-750: #796306;
  --dunas-warning-800: #614F05;
  --dunas-warning-850: #493B04;
  --dunas-warning-900: #302702;
  --dunas-caution-50:  #FFF9F5;
  --dunas-caution-75:  #FFF0E6;
  --dunas-caution-100: #FFE1CC;
  --dunas-caution-150: #FED3B3;
  --dunas-caution-200: #FEC49A;
  --dunas-caution-250: #FEB581;
  --dunas-caution-300: #FEA667;
  --dunas-caution-350: #FE974E;
  --dunas-caution-400: #FD8835;
  --dunas-caution-450: #FD7A1B;
  --dunas-caution-500: #FB6A02;
  --dunas-caution-550: #E46002;
  --dunas-caution-600: #CA5502;
  --dunas-caution-650: #B14801;
  --dunas-caution-700: #984001;
  --dunas-caution-750: #7E3501;
  --dunas-caution-800: #652B01;
  --dunas-caution-850: #4C2001;
  --dunas-caution-900: #331500;
  --dunas-danger-50:  #FFFFF5;
  --dunas-danger-75:  #FEE7E6;
  --dunas-danger-100: #FDCFCE;
  --dunas-danger-150: #FCB5B5;
  --dunas-danger-200: #FBA09D;
  --dunas-danger-250: #FA8884;
  --dunas-danger-300: #FA706B;
  --dunas-danger-350: #F95953;
  --dunas-danger-400: #F8413A;
  --dunas-danger-450: #F72922;
  --dunas-danger-500: #F31109;
  --dunas-danger-550: #DD0F08;
  --dunas-danger-600: #C50E07;
  --dunas-danger-650: #AC0C06;
  --dunas-danger-700: #940A05;
  --dunas-danger-750: #7B0905;
  --dunas-danger-800: #620704;
  --dunas-danger-850: #4A0503;
  --dunas-danger-900: #310302;
  /* Extra Colors */
  --dunas-violet-50:  #FCF5FF;
  --dunas-violet-75:  #F7E5FF;
  --dunas-violet-100: #F0CCFF;
  --dunas-violet-150: #E8B2FF;
  --dunas-violet-200: #E199FF;
  --dunas-violet-250: #D980FF;
  --dunas-violet-300: #D166FF;
  --dunas-violet-350: #C94CFF;
  --dunas-violet-400: #C133FF;
  --dunas-violet-450: #BA1AFF;
  --dunas-violet-500: #B80CF1;
  --dunas-violet-550: #A70ADB;
  --dunas-violet-600: #9409C3;
  --dunas-violet-650: #8208AA;
  --dunas-violet-700: #6F0792;
  --dunas-violet-750: #5D067A;
  --dunas-violet-800: #4A0561;
  --dunas-violet-850: #380449;
  --dunas-violet-900: #250331;
  --dunas-lime-50:  #FCFEF6;
  --dunas-lime-75:  #F7FCE8;
  --dunas-lime-100: #F1FBD0;
  --dunas-lime-150: #EAF9B8;
  --dunas-lime-200: #E3F7A1;
  --dunas-lime-250: #DCF589;
  --dunas-lime-300: #D5F471;
  --dunas-lime-350: #CEF15A;
  --dunas-lime-400: #C7F042;
  --dunas-lime-450: #C0EE2B;
  --dunas-lime-500: #B9EC13;
  --dunas-lime-550: #A7D411;
  --dunas-lime-600: #97C20A;
  --dunas-lime-650: #94BD0F;
  --dunas-lime-700: #84A909;
  --dunas-lime-750: #719108;
  --dunas-lime-800: #4B6105;
  --dunas-lime-850: #384904;
  --dunas-lime-900: #253002; }

:root {
  --ifs-primary-50:  #F7FDF8;
  --ifs-primary-75:  #EAFAEC;
  --ifs-primary-100: #D6F5DB;
  --ifs-primary-150: #C1F0C9;
  --ifs-primary-200: #ADEBB7;
  --ifs-primary-250: #99E5A4;
  --ifs-primary-300: #85E092;
  --ifs-primary-350: #70DB80;
  --ifs-primary-400: #5CD66E;
  --ifs-primary-450: #4BCD5E;
  --ifs-primary-500: #33CC49;
  --ifs-primary-550: #2EB842;
  --ifs-primary-600: #29A33A;
  --ifs-primary-650: #248F33;
  --ifs-primary-700: #1F7A2D;
  --ifs-primary-750: #1A6625;
  --ifs-primary-800: #14521D;
  --ifs-primary-850: #0F3D16;
  --ifs-primary-900: #0A290E;
  --ifs-secondary-50:  #F8FBFA;
  --ifs-secondary-75:  #EEF6F4;
  --ifs-secondary-100: #DEEDE8;
  --ifs-secondary-150: #CDE4DD;
  --ifs-secondary-200: #BDDBD1;
  --ifs-secondary-250: #ACD2C6;
  --ifs-secondary-300: #9CC9BA;
  --ifs-secondary-350: #8BC1AF;
  --ifs-secondary-400: #7AB8A3;
  --ifs-secondary-450: #6AAF98;
  --ifs-secondary-500: #59A68C;
  --ifs-secondary-550: #50957E;
  --ifs-secondary-600: #478570;
  --ifs-secondary-650: #3E7462;
  --ifs-secondary-700: #366354;
  --ifs-secondary-750: #2D5346;
  --ifs-secondary-800: #244238;
  --ifs-secondary-850: #1B322A;
  --ifs-secondary-900: #12211C;
  --ifs-grey-50:  #F9FBF9;
  --ifs-grey-75:  #F0F4F1;
  --ifs-grey-100: #E2E9E3;
  --ifs-grey-150: #D4DED6;
  --ifs-grey-200: #C5D3C8;
  --ifs-grey-250: #B9C5BA;
  --ifs-grey-300: #ADB8AF;
  --ifs-grey-350: #A0ABA2;
  --ifs-grey-400: #939F95;
  --ifs-grey-450: #859387;
  --ifs-grey-500: #758A78;
  --ifs-grey-550: #6A7C6C;
  --ifs-grey-600: #5E6E60;
  --ifs-grey-650: #526154;
  --ifs-grey-700: #475348;
  --ifs-grey-750: #3B453C;
  --ifs-grey-800: #2F3730;
  --ifs-grey-850: #232924;
  --ifs-grey-900: #111712;
  --ifs-info-50:  #F5FCFE;
  --ifs-info-75:  #E7F7FE;
  --ifs-info-100: #CFEFFC;
  --ifs-info-150: #B6E7FB;
  --ifs-info-200: #9EDEFA;
  --ifs-info-250: #86D6F9;
  --ifs-info-300: #6ECEF7;
  --ifs-info-350: #55C6F6;
  --ifs-info-400: #3DBEF5;
  --ifs-info-450: #1BB3F3;
  --ifs-info-500: #0B9CDA;
  --ifs-info-550: #0A8BC2;
  --ifs-info-600: #097AAA;
  --ifs-info-650: #086891;
  --ifs-info-700: #065779;
  --ifs-info-750: #054561;
  --ifs-info-800: #043449;
  --ifs-info-850: #032330;
  --ifs-info-900: #011118;
  --ifs-success-50:  #F9FDF7;
  --ifs-success-75:  #EFFAEA;
  --ifs-success-100: #E0F6D5;
  --ifs-success-150: #D0F1C0;
  --ifs-success-200: #C1EDAB;
  --ifs-success-250: #B1E896;
  --ifs-success-300: #A2E481;
  --ifs-success-350: #93E06C;
  --ifs-success-400: #83DB57;
  --ifs-success-450: #73D742;
  --ifs-success-500: #64D22D;
  --ifs-success-550: #5ABD28;
  --ifs-success-600: #50A824;
  --ifs-success-650: #46931F;
  --ifs-success-700: #3C7E1B;
  --ifs-success-750: #326916;
  --ifs-success-800: #285412;
  --ifs-success-850: #1E3F0D;
  --ifs-success-900: #142A09;
  --ifs-caution-50:  #FFFCFA;
  --ifs-caution-75:  #FDEEE7;
  --ifs-caution-100: #FBDDD0;
  --ifs-caution-150: #F9CCB8;
  --ifs-caution-200: #F7BBA1;
  --ifs-caution-250: #F5AA89;
  --ifs-caution-300: #F49871;
  --ifs-caution-350: #F2875A;
  --ifs-caution-400: #F07642;
  --ifs-caution-450: #EE652B;
  --ifs-caution-500: #EC5413;
  --ifs-caution-550: #D44C11;
  --ifs-caution-600: #BD430F;
  --ifs-caution-650: #A53B0D;
  --ifs-caution-700: #8E320B;
  --ifs-caution-750: #762A0A;
  --ifs-caution-800: #5E2208;
  --ifs-caution-850: #471906;
  --ifs-caution-900: #2F1104;
  --ifs-danger-50:  #FEF6F6;
  --ifs-danger-75:  #FCE8E8;
  --ifs-danger-100: #FAD2D1;
  --ifs-danger-150: #F7BBBB;
  --ifs-danger-200: #F4A5A4;
  --ifs-danger-250: #F28E8D;
  --ifs-danger-300: #EF7776;
  --ifs-danger-350: #EC615F;
  --ifs-danger-400: #EA4A48;
  --ifs-danger-450: #E73432;
  --ifs-danger-500: #E41D1B;
  --ifs-danger-550: #CD1A18;
  --ifs-danger-600: #B71715;
  --ifs-danger-650: #A01413;
  --ifs-danger-700: #891110;
  --ifs-danger-750: #720E0D;
  --ifs-danger-800: #5B0C0B;
  --ifs-danger-850: #440908;
  --ifs-danger-900: #2E0605;
  --ifs-warning-50:  #FFFEFA;
  --ifs-warning-75:  #FEF9E7;
  --ifs-warning-100: #FDF2CE;
  --ifs-warning-150: #FCECB6;
  --ifs-warning-200: #FAE59E;
  --ifs-warning-250: #F9DF85;
  --ifs-warning-300: #F8D86D;
  --ifs-warning-350: #F7D254;
  --ifs-warning-400: #F6CB3C;
  --ifs-warning-450: #F5C524;
  --ifs-warning-500: #F4BE0B;
  --ifs-warning-550: #DBAB0A;
  --ifs-warning-600: #C39809;
  --ifs-warning-650: #AB8508;
  --ifs-warning-700: #927207;
  --ifs-warning-750: #7A5F06;
  --ifs-warning-800: #614C05;
  --ifs-warning-850: #493903;
  --ifs-warning-900: #312602; }

:root {
  /* Brand Colors */
  --luna-primary-50:  #F6FEFD;
  --luna-primary-75:  #E8FCFB;
  --luna-primary-100: #D1FAF7;
  --luna-primary-150: #BAF7F2;
  --luna-primary-200: #A3F5EE;
  --luna-primary-250: #8CF2EA;
  --luna-primary-300: #75F0E6;
  --luna-primary-350: #5EEDE1;
  --luna-primary-400: #47EBDD;
  --luna-primary-450: #30E8D9;
  --luna-primary-500: #1AE5D5;
  --luna-primary-550: #17CFC0;
  --luna-primary-600: #14B8AA;
  --luna-primary-650: #12A195;
  --luna-primary-700: #0F8A80;
  --luna-primary-750: #0D736A;
  --luna-primary-800: #0A5C55;
  --luna-primary-850: #084540;
  --luna-primary-900: #052E2B;
  /* Monochrome */
  --luna-grey-50:  #FCFCFC;
  --luna-grey-75:  #F2F2F2;
  --luna-grey-100: #E6E6E6;
  --luna-grey-150: #D9D9D9;
  --luna-grey-200: #CCCCCC;
  --luna-grey-250: #BFBFBF;
  --luna-grey-300: #B3B3B3;
  --luna-grey-350: #A6A6A6;
  --luna-grey-400: #999999;
  --luna-grey-450: #8C8C8C;
  --luna-grey-500: #808080;
  --luna-grey-550: #737373;
  --luna-grey-600: #666666;
  --luna-grey-650: #595959;
  --luna-grey-700: #4D4D4D;
  --luna-grey-750: #404040;
  --luna-grey-800: #333333;
  --luna-grey-850: #262626;
  --luna-grey-900: #1A1A1A;
  /* Feedback Colors */
  --luna-info-50:  #F5FCFF;
  --luna-info-75:  #E6F7FF;
  --luna-info-100: #CCF0FF;
  --luna-info-150: #B3E7FE;
  --luna-info-200: #99E0FF;
  --luna-info-250: #81D7FD;
  --luna-info-300: #66D1FF;
  --luna-info-350: #4FC7FD;
  --luna-info-400: #33C2FF;
  --luna-info-450: #1CB7FC;
  --luna-info-500: #03AEFC;
  --luna-info-550: #039DE3;
  --luna-info-600: #028AC9;
  --luna-info-650: #007CB2;
  --luna-info-700: #026997;
  --luna-info-750: #02577E;
  --luna-info-800: #014665;
  --luna-info-850: #01344C;
  --luna-info-900: #012333;
  --luna-success-50:  #FAFCF7;
  --luna-success-75:  #F2F9EC;
  --luna-success-100: #E6F2D9;
  --luna-success-150: #D9ECC6;
  --luna-success-200: #CDE5B3;
  --luna-success-250: #C0DF9F;
  --luna-success-300: #B3D98C;
  --luna-success-350: #A7D279;
  --luna-success-400: #9ACC66;
  --luna-success-450: #8EC553;
  --luna-success-500: #81BF40;
  --luna-success-550: #74AC3A;
  --luna-success-600: #679933;
  --luna-success-650: #5A862D;
  --luna-success-700: #4D7326;
  --luna-success-750: #416020;
  --luna-success-800: #344C1A;
  --luna-success-850: #273913;
  --luna-success-900: #1A260D;
  --luna-warning-50:  #FFFCF5;
  --luna-warning-75:  #FFF9E5;
  --luna-warning-100: #FFF2CC;
  --luna-warning-150: #FFECB2;
  --luna-warning-200: #FFE599;
  --luna-warning-250: #FFDF80;
  --luna-warning-300: #FFD966;
  --luna-warning-350: #FFD34D;
  --luna-warning-400: #FFCC33;
  --luna-warning-450: #FFC61A;
  --luna-warning-500: #FFC000;
  --luna-warning-550: #E5AC00;
  --luna-warning-600: #CC9900;
  --luna-warning-650: #B28600;
  --luna-warning-700: #997300;
  --luna-warning-750: #806000;
  --luna-warning-800: #664D00;
  --luna-warning-850: #4D3900;
  --luna-warning-900: #332600;
  --luna-danger-50:  #FEF6F6;
  --luna-danger-75:  #FCE8E8;
  --luna-danger-100: #FAD2D1;
  --luna-danger-150: #F7BBBA;
  --luna-danger-200: #F5A5A3;
  --luna-danger-250: #F49C9A;
  --luna-danger-300: #F28E8C;
  --luna-danger-350: #F37E7C;
  --luna-danger-400: #F2716E;
  --luna-danger-450: #F06360;
  --luna-danger-500: #EF5350;
  --luna-danger-550: #E84845;
  --luna-danger-600: #E23936;
  --luna-danger-650: #D02825;
  --luna-danger-700: #BF2422;
  --luna-danger-750: #A51F1D;
  --luna-danger-800: #791715;
  --luna-danger-850: #450908;
  --luna-danger-900: #2E0605;
  --luna-caution-50:  #FFF9F5;
  --luna-caution-75:  #FFF1E5;
  --luna-caution-100: #FFE2CC;
  --luna-caution-150: #FFD4B2;
  --luna-caution-200: #FFC599;
  --luna-caution-250: #FFC08F;
  --luna-caution-300: #FFB780;
  --luna-caution-350: #FFAE70;
  --luna-caution-400: #FFA35C;
  --luna-caution-450: #FF9A4D;
  --luna-caution-500: #FF8C33;
  --luna-caution-550: #F47F25;
  --luna-caution-600: #E96C0C;
  --luna-caution-650: #C25400;
  --luna-caution-700: #994300;
  --luna-caution-750: #803800;
  --luna-caution-800: #662C00;
  --luna-caution-850: #4D2100;
  --luna-caution-900: #331600;
  --luna-violet-50:  #FBF9FB;
  --luna-violet-75:  #F4EFF5;
  --luna-violet-100: #EADFEC;
  --luna-violet-150: #DFCFE2;
  --luna-violet-200: #D4BFD9;
  --luna-violet-250: #CAAFCF;
  --luna-violet-300: #BF9FC6;
  --luna-violet-350: #B58FBC;
  --luna-violet-400: #AA80B2;
  --luna-violet-450: #9F70A9;
  --luna-violet-500: #95609F;
  --luna-violet-550: #86568F;
  --luna-violet-600: #774D80;
  --luna-violet-650: #684370;
  --luna-violet-700: #593960;
  --luna-violet-750: #4A3050;
  --luna-violet-800: #3B2640;
  --luna-violet-850: #2D1D30;
  --luna-violet-900: #1E1320;
  --luna-lime-50:  #FEFEFB;
  --luna-lime-75:  #F9FAEB;
  --luna-lime-100: #F4F4D7;
  --luna-lime-150: #EEEFC3;
  --luna-lime-200: #E9E9AF;
  --luna-lime-250: #E3E49B;
  --luna-lime-300: #DDDE87;
  --luna-lime-350: #D8D973;
  --luna-lime-400: #D2D35F;
  --luna-lime-450: #CDCE4B;
  --luna-lime-500: #C7C837;
  --luna-lime-550: #B3B431;
  --luna-lime-600: #9FA02C;
  --luna-lime-650: #8B8C26;
  --luna-lime-700: #777821;
  --luna-lime-750: #64641B;
  --luna-lime-800: #505016;
  --luna-lime-850: #3C3C10;
  --luna-lime-900: #28280B;
  --luna-pink-50:  #FDF6F8;
  --luna-pink-75:  #FBE9ED;
  --luna-pink-100: #F7D4DC;
  --luna-pink-150: #F4BECA;
  --luna-pink-200: #F0A8B9;
  --luna-pink-250: #EC93A7;
  --luna-pink-300: #E87D96;
  --luna-pink-350: #E46784;
  --luna-pink-400: #E05273;
  --luna-pink-450: #DD3C61;
  --luna-pink-500: #D92650;
  --luna-pink-550: #C32248;
  --luna-pink-600: #AD1F40;
  --luna-pink-650: #981B38;
  --luna-pink-700: #821730;
  --luna-pink-750: #6C1328;
  --luna-pink-800: #570F20;
  --luna-pink-850: #410B18;
  --luna-pink-900: #2B0810;
  --luna-cyan-50:  #FBFDFD;
  --luna-cyan-75:  #EDF5F7;
  --luna-cyan-100: #DBEBF0;
  --luna-cyan-150: #C9E2E8;
  --luna-cyan-200: #B7D8E1;
  --luna-cyan-250: #A5CED9;
  --luna-cyan-300: #93C4D2;
  --luna-cyan-350: #81BBCA;
  --luna-cyan-400: #6FB1C3;
  --luna-cyan-450: #5DA7BB;
  --luna-cyan-500: #4B9DB4;
  --luna-cyan-550: #448DA2;
  --luna-cyan-600: #3C7E90;
  --luna-cyan-650: #356E7E;
  --luna-cyan-700: #2D5E6C;
  --luna-cyan-750: #264F5A;
  --luna-cyan-800: #1E3F48;
  --luna-cyan-850: #172F36;
  --luna-cyan-900: #0F1F24;
  --luna-brown-50:  #FCF9F8;
  --luna-brown-75:  #F6EFEE;
  --luna-brown-100: #EEDFDD;
  --luna-brown-150: #E5CFCC;
  --luna-brown-200: #DDBFBB;
  --luna-brown-250: #D4AEAA;
  --luna-brown-300: #CC9E99;
  --luna-brown-350: #C38E88;
  --luna-brown-400: #BB7E77;
  --luna-brown-450: #B26E66;
  --luna-brown-500: #AA5E55;
  --luna-brown-550: #99554C;
  --luna-brown-600: #884B44;
  --luna-brown-650: #77423B;
  --luna-brown-700: #663833;
  --luna-brown-750: #552F2A;
  --luna-brown-800: #442622;
  --luna-brown-850: #331C19;
  --luna-brown-900: #221311;
  --luna-steel-50:  #FCF8FB;
  --luna-steel-75:  #F8ECF5;
  --luna-steel-100: #F1DAEB;
  --luna-steel-150: #EAC7E1;
  --luna-steel-200: #E3B5D8;
  --luna-steel-250: #DCA2CE;
  --luna-steel-300: #D590C4;
  --luna-steel-350: #CE7DBA;
  --luna-steel-400: #C76BB0;
  --luna-steel-450: #C058A6;
  --luna-steel-500: #B9469C;
  --luna-steel-550: #A73F8D;
  --luna-steel-600: #94387D;
  --luna-steel-650: #82316D;
  --luna-steel-700: #6F2A5E;
  --luna-steel-750: #5D234E;
  --luna-steel-800: #4A1C3F;
  --luna-steel-850: #38152F;
  --luna-steel-900: #250E1F; }

:root {
  --govbr-primary-50:  #F5F9FF;
  --govbr-primary-75:  #E5F0FF;
  --govbr-primary-100: #D4E5FF;
  --govbr-primary-150: #ADCDFF;
  --govbr-primary-200: #96BCFD;
  --govbr-primary-250: #81AEFC;
  --govbr-primary-300: #75A4F0;
  --govbr-primary-350: #5992ED;
  --govbr-primary-400: #4888ED;
  --govbr-primary-450: #367CEB;
  --govbr-primary-500: #2670E8;
  --govbr-primary-550: #155BCB;
  --govbr-primary-600: #1351B4;
  --govbr-primary-650: #11489F;
  --govbr-primary-700: #0E3E8B;
  --govbr-primary-750: #0C326F;
  --govbr-primary-800: #0A2B5F;
  --govbr-primary-850: #071D41;
  --govbr-primary-900: #05152E;
  --govbr-grey-50:  #FCFCFC;
  --govbr-grey-75:  #F2F2F2;
  --govbr-grey-100: #E6E6E6;
  --govbr-grey-150: #D9D9D9;
  --govbr-grey-200: #CCCCCC;
  --govbr-grey-250: #BFBFBF;
  --govbr-grey-300: #B3B3B3;
  --govbr-grey-350: #A6A6A6;
  --govbr-grey-400: #999999;
  --govbr-grey-450: #8C8C8C;
  --govbr-grey-500: #808080;
  --govbr-grey-550: #737373;
  --govbr-grey-600: #666666;
  --govbr-grey-650: #595959;
  --govbr-grey-700: #4D4D4D;
  --govbr-grey-750: #404040;
  --govbr-grey-800: #333333;
  --govbr-grey-850: #262626;
  --govbr-grey-900: #1A1A1A;
  --govbr-info-50:  var(--govbr-primary-50);
  --govbr-info-75:  var(--govbr-primary-75);
  --govbr-info-100: var(--govbr-primary-100);
  --govbr-info-150: var(--govbr-primary-150);
  --govbr-info-200: var(--govbr-primary-200);
  --govbr-info-250: var(--govbr-primary-250);
  --govbr-info-300: var(--govbr-primary-300);
  --govbr-info-350: var(--govbr-primary-350);
  --govbr-info-400: var(--govbr-primary-400);
  --govbr-info-450: var(--govbr-primary-450);
  --govbr-info-500: var(--govbr-primary-500);
  --govbr-info-550: var(--govbr-primary-550);
  --govbr-info-600: var(--govbr-primary-600);
  --govbr-info-650: var(--govbr-primary-650);
  --govbr-info-700: var(--govbr-primary-700);
  --govbr-info-750: var(--govbr-primary-750);
  --govbr-info-800: var(--govbr-primary-800);
  --govbr-info-850: var(--govbr-primary-850);
  --govbr-info-900: var(--govbr-primary-900);
  --govbr-success-50:  #F1FAF0;
  --govbr-success-75:  #E3F5E1;
  --govbr-success-100: #CDF6D1;
  --govbr-success-150: #BDF4C2;
  --govbr-success-200: #ACF1B2;
  --govbr-success-250: #96EE9E;
  --govbr-success-300: #7CE986;
  --govbr-success-350: #70E17B;
  --govbr-success-400: #4ADC5B;
  --govbr-success-450: #2DD740;
  --govbr-success-500: #21C834;
  --govbr-success-550: #08B725;
  --govbr-success-600: #00A91C;
  --govbr-success-650: #1A9C27;
  --govbr-success-700: #168821;
  --govbr-success-750: #216E1F;
  --govbr-success-800: #154C21;
  --govbr-success-850: #162F1B;
  --govbr-success-900: #0E1B10;
  --govbr-warning-50:  #FFFCF0;
  --govbr-warning-75:  #FFF9DB;
  --govbr-warning-100: #FFF5C2;
  --govbr-warning-150: #FEECA4;
  --govbr-warning-200: #FEE685;
  --govbr-warning-250: #FEE067;
  --govbr-warning-300: #FFD747;
  --govbr-warning-350: #FFD52F;
  --govbr-warning-400: #FFCD07;
  --govbr-warning-450: #FEC60D;
  --govbr-warning-500: #F7C10F;
  --govbr-warning-550: #ECB604;
  --govbr-warning-600: #DDAA01;
  --govbr-warning-650: #B38C00;
  --govbr-warning-700: #947100;
  --govbr-warning-750: #776017;
  --govbr-warning-800: #5C4809;
  --govbr-warning-850: #423316;
  --govbr-warning-900: #1E140B;
  --govbr-caution-50:  #FEF9F1;
  --govbr-caution-75:  #FDF5E6;
  --govbr-caution-100: #FCE2C5;
  --govbr-caution-150: #FFCF9F;
  --govbr-caution-200: #FBC878;
  --govbr-caution-250: #FFB253;
  --govbr-caution-300: #FFA333;
  --govbr-caution-350: #FF971A;
  --govbr-caution-400: #FF8C00;
  --govbr-caution-450: #F27B1A;
  --govbr-caution-500: #E66F0E;
  --govbr-caution-550: #DD6300;
  --govbr-caution-600: #C05600;
  --govbr-caution-650: #B35000;
  --govbr-caution-700: #A14912;
  --govbr-caution-750: #884410;
  --govbr-caution-800: #5F3617;
  --govbr-caution-850: #3A1C03;
  --govbr-caution-900: #1E140B;
  --govbr-danger-50:  #FFF3F2;
  --govbr-danger-75:  #FEF7E5;
  --govbr-danger-100: #FDE0DB;
  --govbr-danger-150: #FECAC3;
  --govbr-danger-200: #FDB8AE;
  --govbr-danger-250: #FFAA9D;
  --govbr-danger-300: #Ff8d7b;
  --govbr-danger-350: #FC7565;
  --govbr-danger-400: #FB5A47;
  --govbr-danger-450: #F83B20;
  --govbr-danger-500: #E52207;
  --govbr-danger-550: #CD0B0B;
  --govbr-danger-600: #B50909;
  --govbr-danger-650: #A30C04;
  --govbr-danger-700: #880A03;
  --govbr-danger-750: #6E1414;
  --govbr-danger-800: #5C1111;
  --govbr-danger-850: #430E0E;
  --govbr-danger-900: #290808;
  --govbr-lime-50:  #FDFEF1;
  --govbr-lime-75:  #F8FCD6;
  --govbr-lime-100: #F5FBC1;
  --govbr-lime-150: #F4FB9D;
  --govbr-lime-200: #F2FA82;
  --govbr-lime-250: #EBF656;
  --govbr-lime-300: #E7F434;
  --govbr-lime-350: #DFEE11;
  --govbr-lime-400: #D7E518;
  --govbr-lime-450: #C8D60C;
  --govbr-lime-500: #AEBA0A;
  --govbr-lime-550: #839422;
  --govbr-lime-600: #6A7D00;
  --govbr-lime-650: #5A6613;
  --govbr-lime-700: #4B4E10;
  --govbr-lime-750: #43430E;
  --govbr-lime-800: #38380B;
  --govbr-lime-850: #222207;
  --govbr-lime-900: #151503;
  --govbr-violet-50:  #F8F0F9;
  --govbr-violet-75:  #F7E7F8;
  --govbr-violet-100: #F6DFF8;
  --govbr-violet-150: #E2BEE4;
  --govbr-violet-200: #D9B0DE;
  --govbr-violet-250: #D29AD8;
  --govbr-violet-300: #CB93D2;
  --govbr-violet-350: #C584CD;
  --govbr-violet-400: #BF77C8;
  --govbr-violet-450: #B766C1;
  --govbr-violet-500: #AF54BA;
  --govbr-violet-550: #A0509A;
  --govbr-violet-600: #864381;
  --govbr-violet-650: #71446E;
  --govbr-violet-700: #5C395A;
  --govbr-violet-750: #4E314A;
  --govbr-violet-800: #382936;
  --govbr-violet-850: #2D242D;
  --govbr-violet-900: #1B151B;
  --govbr-pink-50:  #FFF2F5;
  --govbr-pink-75:  #FFE9F2;
  --govbr-pink-100: #FFDDEA;
  --govbr-pink-150: #FFC5DA;
  --govbr-pink-200: #FFB4CF;
  --govbr-pink-250: #FFA2C3;
  --govbr-pink-300: #FF87B2;
  --govbr-pink-350: #FF69AC;
  --govbr-pink-400: #FD4496;
  --govbr-pink-450: #EF3789;
  --govbr-pink-500: #D72D79;
  --govbr-pink-550: #C4276D;
  --govbr-pink-600: #AB2165;
  --govbr-pink-650: #991355;
  --govbr-pink-700: #731F44;
  --govbr-pink-750: #6B1E3E;
  --govbr-pink-800: #4F172E;
  --govbr-pink-850: #401124;
  --govbr-pink-900: #260B16;
  --govbr-cyan-50:  #F3FAFC;
  --govbr-cyan-75:  #E1F3F8;
  --govbr-cyan-100: #CFEAF4;
  --govbr-cyan-150: #BDE2F0;
  --govbr-cyan-200: #ACDEEB;
  --govbr-cyan-250: #97D4EA;
  --govbr-cyan-300: #77C6E4;
  --govbr-cyan-350: #60BCDF;
  --govbr-cyan-400: #55B7DD;
  --govbr-cyan-450: #43B0D7;
  --govbr-cyan-500: #28A0CB;
  --govbr-cyan-550: #0F94BF;
  --govbr-cyan-600: #107FB0;
  --govbr-cyan-650: #0C719D;
  --govbr-cyan-700: #095E83;
  --govbr-cyan-750: #074B69;
  --govbr-cyan-800: #00405A;
  --govbr-cyan-850: #002D3F;
  --govbr-cyan-900: #001D29; }

:root {
  --alto-contraste-primary-50:  #FFFF00;
  --alto-contraste-primary-75:  var(--alto-contraste-primary-50);
  --alto-contraste-primary-100: var(--alto-contraste-primary-50);
  --alto-contraste-primary-150: var(--alto-contraste-primary-50);
  --alto-contraste-primary-200: var(--alto-contraste-primary-50);
  --alto-contraste-primary-250: var(--alto-contraste-primary-50);
  --alto-contraste-primary-300: var(--alto-contraste-primary-50);
  --alto-contraste-primary-350: var(--alto-contraste-primary-50);
  --alto-contraste-primary-400: var(--alto-contraste-primary-50);
  --alto-contraste-primary-450: var(--alto-contraste-primary-50);
  --alto-contraste-primary-500: var(--alto-contraste-primary-50);
  --alto-contraste-primary-550: var(--alto-contraste-primary-50);
  --alto-contraste-primary-600: #CCCC00;
  --alto-contraste-primary-650: #B2B200;
  --alto-contraste-primary-700: #999900;
  --alto-contraste-primary-750: #808000;
  --alto-contraste-primary-800: #666600;
  --alto-contraste-primary-850: #424200;
  --alto-contraste-primary-900: #242400;
  --alto-contraste-primary: var(--alto-contraste-primary-50);
  --alto-contraste-info-50:  #0048FF;
  --alto-contraste-info-75:  var(--alto-contraste-info-50);
  --alto-contraste-info-100: var(--alto-contraste-info-50);
  --alto-contraste-info-150: var(--alto-contraste-info-50);
  --alto-contraste-info-200: var(--alto-contraste-info-50);
  --alto-contraste-info-250: var(--alto-contraste-info-50);
  --alto-contraste-info-300: var(--alto-contraste-info-50);
  --alto-contraste-info-350: var(--alto-contraste-info-50);
  --alto-contraste-info-400: var(--alto-contraste-info-50);
  --alto-contraste-info-450: var(--alto-contraste-info-50);
  --alto-contraste-info-500: var(--alto-contraste-info-50);
  --alto-contraste-info-550: var(--alto-contraste-info-50);
  --alto-contraste-info-600: #0033B2;
  --alto-contraste-info-650: #0033B2;
  --alto-contraste-info-700: #002B99;
  --alto-contraste-info-750: #002480;
  --alto-contraste-info-800: #001D66;
  --alto-contraste-info-850: #00164D;
  --alto-contraste-info-900: #000E33;
  --alto-contraste-success-50:      #06F923;
  --alto-contraste-success-75:      var(--alto-contraste-success-50);
  --alto-contraste-success-100:     var(--alto-contraste-success-50);
  --alto-contraste-success-150:     var(--alto-contraste-success-50);
  --alto-contraste-success-200:     var(--alto-contraste-success-50);
  --alto-contraste-success-250:     var(--alto-contraste-success-50);
  --alto-contraste-success-300:     var(--alto-contraste-success-50);
  --alto-contraste-success-350:     var(--alto-contraste-success-50);
  --alto-contraste-success-400:     var(--alto-contraste-success-50);
  --alto-contraste-success-450:     var(--alto-contraste-success-50);
  --alto-contraste-success-500:     var(--alto-contraste-success-50);
  --alto-contraste-success-550:     var(--alto-contraste-success-50);
  --alto-contraste-success-600:     #05C71C;
  --alto-contraste-success-650:     #04AE19;
  --alto-contraste-success-700:     #049515;
  --alto-contraste-success-750:     #037D12;
  --alto-contraste-success-800:     #02640E;
  --alto-contraste-success-850:     #024B0B;
  --alto-contraste-success-900:     #013207;
  --alto-contraste-warning-50:      var(--alto-contraste-primary);
  --alto-contraste-warning-75:      var(--alto-contraste-primary);
  --alto-contraste-warning-100:     var(--alto-contraste-primary);
  --alto-contraste-warning-150:     var(--alto-contraste-primary);
  --alto-contraste-warning-200:     var(--alto-contraste-primary);
  --alto-contraste-warning-250:     var(--alto-contraste-primary);
  --alto-contraste-warning-300:     var(--alto-contraste-primary);
  --alto-contraste-warning-350:     var(--alto-contraste-primary);
  --alto-contraste-warning-400:     var(--alto-contraste-primary);
  --alto-contraste-warning-450:     var(--alto-contraste-primary);
  --alto-contraste-warning-500:     var(--alto-contraste-primary);
  --alto-contraste-warning-550:     var(--alto-contraste-primary);
  --alto-contraste-warning-600:     var(--alto-contraste-primary-600);
  --alto-contraste-warning-650:     var(--alto-contraste-primary-650);
  --alto-contraste-warning-700:     var(--alto-contraste-primary-700);
  --alto-contraste-warning-750:     var(--alto-contraste-primary-750);
  --alto-contraste-warning-800:     var(--alto-contraste-primary-800);
  --alto-contraste-warning-850:     var(--alto-contraste-primary-850);
  --alto-contraste-warning-900:     var(--alto-contraste-primary-900);
  --alto-contraste-caution-50:      #FF6600;
  --alto-contraste-caution-75:      var(--alto-contraste-caution-50);
  --alto-contraste-caution-100:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-150:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-200:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-250:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-300:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-350:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-400:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-450:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-500:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-550:     var(--alto-contraste-caution-50);
  --alto-contraste-caution-600:     #CC5200;
  --alto-contraste-caution-650:     #B24700;
  --alto-contraste-caution-700:     #993D00;
  --alto-contraste-caution-750:     #803300;
  --alto-contraste-caution-800:     #662900;
  --alto-contraste-caution-850:     #4D1F00;
  --alto-contraste-caution-900:     #331400;
  --alto-contraste-danger-50:       #F90606;
  --alto-contraste-danger-75:       var(--alto-contraste-danger-50);
  --alto-contraste-danger-100:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-150:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-200:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-250:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-300:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-350:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-400:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-450:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-500:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-550:      var(--alto-contraste-danger-50);
  --alto-contraste-danger-600:      #CC0000;
  --alto-contraste-danger-650:      #B20000;
  --alto-contraste-danger-700:      #950404;
  --alto-contraste-danger-750:      #7D0303;
  --alto-contraste-danger-800:      #640202;
  --alto-contraste-danger-850:      #4B0202;
  --alto-contraste-danger-900:      #320101;
  /* Extra Colors */
  --alto-contraste-violet-50:  #6200FF;
  --alto-contraste-violet-75:  var(--alto-contraste-violet-50);
  --alto-contraste-violet-100: var(--alto-contraste-violet-50);
  --alto-contraste-violet-150: var(--alto-contraste-violet-50);
  --alto-contraste-violet-200: var(--alto-contraste-violet-50);
  --alto-contraste-violet-250: var(--alto-contraste-violet-50);
  --alto-contraste-violet-300: var(--alto-contraste-violet-50);
  --alto-contraste-violet-350: var(--alto-contraste-violet-50);
  --alto-contraste-violet-400: var(--alto-contraste-violet-50);
  --alto-contraste-violet-450: var(--alto-contraste-violet-50);
  --alto-contraste-violet-500: var(--alto-contraste-violet-50);
  --alto-contraste-violet-550: var(--alto-contraste-violet-50);
  --alto-contraste-violet-600: #4E00CC;
  --alto-contraste-violet-650: #4400B2;
  --alto-contraste-violet-700: #3B0099;
  --alto-contraste-violet-750: #310080;
  --alto-contraste-violet-800: #270066;
  --alto-contraste-violet-850: #1D004D;
  --alto-contraste-violet-900: #140033;
  --alto-contraste-lime-50:  #B6FF00;
  --alto-contraste-lime-75:  var(--alto-contraste-lime-50);
  --alto-contraste-lime-100: var(--alto-contraste-lime-50);
  --alto-contraste-lime-150: var(--alto-contraste-lime-50);
  --alto-contraste-lime-200: var(--alto-contraste-lime-50);
  --alto-contraste-lime-250: var(--alto-contraste-lime-50);
  --alto-contraste-lime-300: var(--alto-contraste-lime-50);
  --alto-contraste-lime-350: var(--alto-contraste-lime-50);
  --alto-contraste-lime-400: var(--alto-contraste-lime-50);
  --alto-contraste-lime-450: var(--alto-contraste-lime-50);
  --alto-contraste-lime-500: var(--alto-contraste-lime-50);
  --alto-contraste-lime-550: var(--alto-contraste-lime-50);
  --alto-contraste-lime-600: #92CC00;
  --alto-contraste-lime-650: #7FB200;
  --alto-contraste-lime-700: #6D9900;
  --alto-contraste-lime-750: #5B8000;
  --alto-contraste-lime-800: #496600;
  --alto-contraste-lime-850: #374D00;
  --alto-contraste-lime-900: #243300;
  --alto-contraste-pink-50:  #FF00CB;
  --alto-contraste-pink-75:  var(--alto-contraste-pink-50);
  --alto-contraste-pink-100: var(--alto-contraste-pink-50);
  --alto-contraste-pink-150: var(--alto-contraste-pink-50);
  --alto-contraste-pink-200: var(--alto-contraste-pink-50);
  --alto-contraste-pink-250: var(--alto-contraste-pink-50);
  --alto-contraste-pink-300: var(--alto-contraste-pink-50);
  --alto-contraste-pink-350: var(--alto-contraste-pink-50);
  --alto-contraste-pink-400: var(--alto-contraste-pink-50);
  --alto-contraste-pink-450: var(--alto-contraste-pink-50);
  --alto-contraste-pink-500: var(--alto-contraste-pink-50);
  --alto-contraste-pink-550: var(--alto-contraste-pink-50);
  --alto-contraste-pink-600: #CC00A3;
  --alto-contraste-pink-650: #B2008E;
  --alto-contraste-pink-700: #99007A;
  --alto-contraste-pink-750: #800066;
  --alto-contraste-pink-800: #660051;
  --alto-contraste-pink-850: #4D003D;
  --alto-contraste-pink-900: #330029;
  --alto-contraste-cyan-50:  #00FBFF;
  --alto-contraste-cyan-75:  var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-100: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-150: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-200: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-250: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-300: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-350: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-400: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-450: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-500: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-550: var(--alto-contraste-cyan-50);
  --alto-contraste-cyan-600: #00C9CC;
  --alto-contraste-cyan-650: #00B0B2;
  --alto-contraste-cyan-700: #009799;
  --alto-contraste-cyan-750: #007E80;
  --alto-contraste-cyan-800: #006566;
  --alto-contraste-cyan-850: #004B4D;
  --alto-contraste-cyan-900: #003233;
  --alto-contraste-brown-50:  var(--alto-contraste-pink-50);
  --alto-contraste-brown-75:  var(--alto-contraste-pink-50);
  --alto-contraste-brown-100: var(--alto-contraste-pink-50);
  --alto-contraste-brown-150: var(--alto-contraste-pink-50);
  --alto-contraste-brown-200: var(--alto-contraste-pink-50);
  --alto-contraste-brown-250: var(--alto-contraste-pink-50);
  --alto-contraste-brown-300: var(--alto-contraste-pink-50);
  --alto-contraste-brown-350: var(--alto-contraste-pink-50);
  --alto-contraste-brown-400: var(--alto-contraste-pink-50);
  --alto-contraste-brown-450: var(--alto-contraste-pink-50);
  --alto-contraste-brown-500: var(--alto-contraste-pink-50);
  --alto-contraste-brown-550: var(--alto-contraste-pink-50);
  --alto-contraste-brown-600: var(--alto-contraste-pink-600);
  --alto-contraste-brown-650: var(--alto-contraste-pink-650);
  --alto-contraste-brown-700: var(--alto-contraste-pink-700);
  --alto-contraste-brown-750: var(--alto-contraste-pink-750);
  --alto-contraste-brown-800: var(--alto-contraste-pink-800);
  --alto-contraste-brown-850: var(--alto-contraste-pink-850);
  --alto-contraste-brown-900: var(--alto-contraste-pink-900);
  --alto-contraste-stell-50:  var(--alto-contraste-cyan-50);
  --alto-contraste-stell-75:  var(--alto-contraste-cyan-50);
  --alto-contraste-stell-100: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-150: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-200: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-250: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-300: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-350: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-400: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-450: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-500: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-550: var(--alto-contraste-cyan-50);
  --alto-contraste-stell-600: var(--alto-contraste-cyan-600);
  --alto-contraste-stell-650: var(--alto-contraste-cyan-650);
  --alto-contraste-stell-700: var(--alto-contraste-cyan-700);
  --alto-contraste-stell-750: var(--alto-contraste-cyan-750);
  --alto-contraste-stell-800: var(--alto-contraste-cyan-800);
  --alto-contraste-stell-850: var(--alto-contraste-cyan-850);
  --alto-contraste-stell-900: var(--alto-contraste-cyan-900); }

:root {
  /* Primary Colors */
  --modo-daltonismo-primary-50:  #FCF8FA;
  --modo-daltonismo-primary-75:  #F8EDF3;
  --modo-daltonismo-primary-100: #F1DAE7;
  --modo-daltonismo-primary-150: #EAC8DB;
  --modo-daltonismo-primary-200: #E3B5CE;
  --modo-daltonismo-primary-250: #DCA3C2;
  --modo-daltonismo-primary-300: #D590B6;
  --modo-daltonismo-primary-350: #CC79A7;
  --modo-daltonismo-primary-400: #C76B9E;
  --modo-daltonismo-primary-450: #C05992;
  --modo-daltonismo-primary-500: #B94686;
  --modo-daltonismo-primary-550: #A63F78;
  --modo-daltonismo-primary-600: #94386B;
  --modo-daltonismo-primary-650: #81315E;
  --modo-daltonismo-primary-700: #6F2A50;
  --modo-daltonismo-primary-750: #5C2343;
  --modo-daltonismo-primary-800: #4A1C35;
  --modo-daltonismo-primary-850: #371528;
  --modo-daltonismo-primary-900: #250E1B;
  /* Feedback Colors */
  --modo-daltonismo-info-50:  #F6FBFE;
  --modo-daltonismo-info-75:  #E8F5FC;
  --modo-daltonismo-info-100: #D2EBF9;
  --modo-daltonismo-info-150: #BBE1F6;
  --modo-daltonismo-info-200: #A5D7F3;
  --modo-daltonismo-info-250: #80D8FF;
  --modo-daltonismo-info-300: #78C3ED;
  --modo-daltonismo-info-350: #56B4E9;
  --modo-daltonismo-info-400: #46ADE7;
  --modo-daltonismo-info-450: #34A5E5;
  --modo-daltonismo-info-500: #1D9BE2;
  --modo-daltonismo-info-550: #1A8BCB;
  --modo-daltonismo-info-600: #177CB5;
  --modo-daltonismo-info-650: #156C9E;
  --modo-daltonismo-info-700: #125D87;
  --modo-daltonismo-info-750: #0F4D71;
  --modo-daltonismo-info-800: #0C3E5A;
  --modo-daltonismo-info-850: #092E44;
  --modo-daltonismo-info-900: #061F2D;
  --modo-daltonismo-success-50:  #F6FEFC;
  --modo-daltonismo-success-75:  #E8FCF7;
  --modo-daltonismo-success-100: #D1FAEF;
  --modo-daltonismo-success-150: #BAF7E7;
  --modo-daltonismo-success-200: #A3F5DF;
  --modo-daltonismo-success-250: #8CF2D6;
  --modo-daltonismo-success-300: #75F0CE;
  --modo-daltonismo-success-350: #5EEDC6;
  --modo-daltonismo-success-400: #47EBBE;
  --modo-daltonismo-success-450: #30E8B6;
  --modo-daltonismo-success-500: #1AE5AE;
  --modo-daltonismo-success-550: #17CF9D;
  --modo-daltonismo-success-600: #14B88B;
  --modo-daltonismo-success-650: #12A17A;
  --modo-daltonismo-success-700: #009E73;
  --modo-daltonismo-success-750: #00805D;
  --modo-daltonismo-success-800: #00664A;
  --modo-daltonismo-success-850: #004D38;
  --modo-daltonismo-success-900: #003325;
  --modo-daltonismo-warning-50:  #FEFEF6;
  --modo-daltonismo-warning-75:  #FDFCE7;
  --modo-daltonismo-warning-100: #FBF8D0;
  --modo-daltonismo-warning-150: #F9F5B8;
  --modo-daltonismo-warning-200: #F7F2A1;
  --modo-daltonismo-warning-250: #F6EE89;
  --modo-daltonismo-warning-300: #F4EB71;
  --modo-daltonismo-warning-350: #F2E75A;
  --modo-daltonismo-warning-400: #F0E442;
  --modo-daltonismo-warning-450: #EEE12A;
  --modo-daltonismo-warning-500: #ECDD13;
  --modo-daltonismo-warning-550: #D5C711;
  --modo-daltonismo-warning-600: #BDB10F;
  --modo-daltonismo-warning-650: #A59B0D;
  --modo-daltonismo-warning-700: #8E850B;
  --modo-daltonismo-warning-750: #766F09;
  --modo-daltonismo-warning-800: #5F5907;
  --modo-daltonismo-warning-850: #474206;
  --modo-daltonismo-warning-900: #2F2C04;
  --modo-daltonismo-caution-50:  #FFFCF5;
  --modo-daltonismo-caution-75:  #FFF7E5;
  --modo-daltonismo-caution-100: #FFEFCC;
  --modo-daltonismo-caution-150: #FFE7B2;
  --modo-daltonismo-caution-200: #FFE099;
  --modo-daltonismo-caution-250: #FFD880;
  --modo-daltonismo-caution-300: #FFD066;
  --modo-daltonismo-caution-350: #FFC84D;
  --modo-daltonismo-caution-400: #FFC033;
  --modo-daltonismo-caution-450: #FFB81A;
  --modo-daltonismo-caution-500: #FFB000;
  --modo-daltonismo-caution-550: #E69F00;
  --modo-daltonismo-caution-600: #CC8D00;
  --modo-daltonismo-caution-650: #B27B00;
  --modo-daltonismo-caution-700: #996A00;
  --modo-daltonismo-caution-750: #805800;
  --modo-daltonismo-caution-800: #664700;
  --modo-daltonismo-caution-850: #4D3500;
  --modo-daltonismo-caution-900: #332300;
  --modo-daltonismo-danger-50:  #FFF9F5;
  --modo-daltonismo-danger-75:  #FFF1E5;
  --modo-daltonismo-danger-100: #FFE3CC;
  --modo-daltonismo-danger-150: #FFD4B2;
  --modo-daltonismo-danger-200: #FFC699;
  --modo-daltonismo-danger-250: #FFB880;
  --modo-daltonismo-danger-300: #FFAA66;
  --modo-daltonismo-danger-350: #FF9B4D;
  --modo-daltonismo-danger-400: #FF8D33;
  --modo-daltonismo-danger-450: #FF7F1A;
  --modo-daltonismo-danger-500: #FF7100;
  --modo-daltonismo-danger-550: #EB6800;
  --modo-daltonismo-danger-600: #D55E00;
  --modo-daltonismo-danger-650: #B24F00;
  --modo-daltonismo-danger-700: #994400;
  --modo-daltonismo-danger-750: #803800;
  --modo-daltonismo-danger-800: #662D00;
  --modo-daltonismo-danger-850: #4D2200;
  --modo-daltonismo-danger-900: #331700; }

:root {
  --bg: var(--primary-900);
  --transparent: rgba(0, 0, 0, .15);
  --border-radius: 10px;
  --container-x: 10rem;
  --inner-margin: 2rem; }

body.design-system {
  background-color: var(--primary-75) !important;
  background-image: url(/static/design_system/img/bg-body.svg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain; }
  body.design-system .wrapper {
    clear: both;
    display: block;
    margin: 0 auto;
    padding: 0 var(--container-x);
    width: 100%; }
  body.design-system .featured {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 12rem 0;
    width: 100%; }
    body.design-system .featured h2 {
      color: var(--primary-700);
      font-size: 9rem;
      font-weight: 600;
      margin-bottom: 2rem; }
    body.design-system .featured p {
      color: var(--black);
      font-size: 2.25rem;
      font-weight: 300;
      line-height: 1.5em;
      max-width: 700px;
      text-align: center; }
  body.design-system .title-container {
    display: grid;
    gap: 3rem;
    grid-template-columns: 27% auto;
    grid-template-rows: auto auto;
    grid-template-areas: 'titulo extra' 'description extra';
    margin-bottom: 5rem; }
    body.design-system .title-container h2 {
      color: var(--primary-700);
      font-size: 5rem;
      font-weight: 700;
      align-self: end;
      grid-area: titulo;
      margin-top: 1rem;
      margin-bottom: 0;
      padding-bottom: 0; }
    body.design-system .title-container h3 {
      color: var(--primary-700);
      font-size: 3.25rem;
      padding-bottom: 0; }
    body.design-system .title-container .description {
      font-size: 2.25rem;
      font-weight: 300;
      grid-area: description;
      line-height: 1.5em;
      text-align: left; }
    body.design-system .title-container .grid-extra {
      grid-area: extra; }
  body.design-system header nav {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    gap: .5rem;
    padding: 1rem;
    position: fixed;
    top: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000; }
    body.design-system header nav a {
      border-radius: 25px;
      color: var(--white);
      font-size: 1.5rem;
      font-weight: 600;
      padding: 1rem 2rem; }
      body.design-system header nav a:hover {
        color: var(--primary-500);
        text-decoration: none; }
  body.design-system dd > .action-bar {
    float: none;
    margin: 0;
    width: 100%; }
  body.design-system .button {
    background-color: var(--primary);
    border-radius: 25px;
    color: var(--white);
    font-size: 1.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 3rem;
    text-decoration: none; }
    body.design-system .button:active, body.design-system .button:hover {
      background-color: var(--primary-750); }
  body.design-system .definition-list > dt {
    font-weight: 700;
    padding-bottom: .75rem; }
  body.design-system .definition-list > dd {
    padding-bottom: 2rem; }
    body.design-system .definition-list > dd + dt {
      padding-top: 3rem;
      padding-bottom: .75rem; }
  body.design-system .justify-self-end {
    justify-self: flex-end; }
  body.design-system .steps {
    margin-bottom: 0; }
  body.design-system section.wrapper {
    padding-top: 20rem;
    padding-bottom: 20rem; }
  body.design-system .tab-pane {
    background-color: var(--white); }
  body.design-system section#hero h2 {
    background-image: url(/static/design_system/img/logo.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 165px auto;
    height: 190px; }
  body.design-system section#apresentacao {
    background-image: url(/static/design_system/img/bg-apresentacao.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain; }
  body.design-system section#marca {
    background-color: var(--primary-900);
    background-image: url(/static/design_system/img/bg-marca.svg);
    background-position: right 0;
    background-repeat: no-repeat;
    background-size: 60% auto;
    border-radius: 0 35px 0 0;
    margin-top: -3px;
    position: relative; }
    body.design-system section#marca .title-container h2 {
      color: var(--primary-500); }
    body.design-system section#marca .title-container .description strong {
      color: var(--primary-500); }
    body.design-system section#marca .wave {
      background-image: url(/static/design_system/img/bg-seta.svg);
      background-position: 0 0;
      background-repeat: no-repeat;
      background-size: contain;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      right: var(--container-x);
      top: -85px;
      height: 171px;
      width: 240px; }
      body.design-system section#marca .wave .seta {
        background-image: url(/static/design_system/img/icon-seta.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        height: 100px;
        width: 100px; }
    body.design-system section#marca .intro {
      color: var(--white);
      float: right;
      font-size: 1.6rem;
      font-weight: 300;
      max-width: 22%;
      text-align: left; }
  body.design-system section#logotipo {
    background-color: var(--primary-900);
    background-image: url(/static/design_system/img/bg-logotipo.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain; }
    body.design-system section#logotipo .title-container h3 {
      color: var(--primary-500); }
  body.design-system section#margem-seguranca {
    background-color: var(--primary-900);
    padding-top: 0; }
    body.design-system section#margem-seguranca .title-container h3 {
      color: var(--primary-500); }
    body.design-system section#margem-seguranca h4 {
      color: var(--grey-200); }
  body.design-system section#aplicacoes {
    background-color: var(--primary-900);
    background-image: url(/static/design_system/img/bg-aplicacoes.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0 0 35px 35px;
    padding-top: 0; }
    body.design-system section#aplicacoes .title-container h3 {
      color: var(--primary-500); }
    body.design-system section#aplicacoes h4 {
      color: var(--grey-200); }
    body.design-system section#aplicacoes .logo-aplicacao {
      height: 60px;
      margin-bottom: 2rem; }
  body.design-system section#temas {
    background-image: url(/static/design_system/img/bg-temas.svg);
    background-position: right 4rem;
    background-repeat: no-repeat;
    background-size: contain; }
    body.design-system section#temas .temas {
      display: flex;
      flex-wrap: wrap;
      gap: 15rem; }
      body.design-system section#temas .temas > .tema {
        flex-basis: 400px; }
        body.design-system section#temas .temas > .tema h3.caption {
          color: var(--primary-600);
          font-size: 3.25rem;
          padding-top: 0; }
        body.design-system section#temas .temas > .tema p.description {
          font-size: 1.65rem;
          font-weight: 300;
          padding-bottom: 2rem;
          text-align: left; }
  body.design-system section#cores {
    background-color: var(--white);
    background-image: url(/static/design_system/img/bg-cores.svg);
    background-position: right 15rem;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 20rem;
    padding-bottom: 20rem;
    position: relative; }
    body.design-system section#cores > .wrapper::before {
      content: '';
      border: 4px solid var(--primary-200);
      border-radius: 100px;
      height: calc(100% - 10rem);
      position: absolute;
      top: 5rem;
      left: 5rem;
      width: calc(100% - 10rem); }
    body.design-system section#cores > .wrapper > * {
      position: relative; }
    body.design-system section#cores .pills {
      background-color: var(--primary-100);
      border-radius: var(--border-radius);
      gap: 2rem 3rem;
      margin-top: 15rem;
      padding: 1.5rem 2rem; }
      body.design-system section#cores .pills button {
        border-radius: var(--border-radius);
        font-weight: 500;
        padding: .5rem 1rem; }
        body.design-system section#cores .pills button::after {
          color: var(--primary-700);
          content: "\f078";
          font-family: var(--awesome-font-family);
          font-size: 1.1rem;
          font-weight: 900;
          line-height: 1em;
          margin-left: .5rem;
          width: 20px; }
        body.design-system section#cores .pills button.active {
          background-color: var(--primary-250);
          color: var(--primary-700); }
          body.design-system section#cores .pills button.active::after {
            content: "\f077"; }
    body.design-system section#cores .paleta {
      display: none;
      flex-wrap: wrap;
      width: 100%; }
      body.design-system section#cores .paleta .cores {
        display: flex;
        justify-content: center;
        overflow: auto;
        padding-bottom: .75rem;
        width: 100%; }
        body.design-system section#cores .paleta .cores .cor {
          display: flex;
          align-items: center;
          flex-basis: 40px;
          flex-grow: 1;
          justify-content: space-between;
          min-height: 110px;
          padding: 2rem; }
          body.design-system section#cores .paleta .cores .cor .cor-info {
            color: inherit;
            display: none; }
          body.design-system section#cores .paleta .cores .cor .nome-paleta {
            color: inherit;
            font-size: 1.5rem;
            font-weight: 600;
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0; }
          body.design-system section#cores .paleta .cores .cor .tom {
            font-size: 3rem;
            font-weight: 300;
            line-height: 1em;
            margin-bottom: 0; }
          body.design-system section#cores .paleta .cores .cor .hex {
            font-size: 1.5rem;
            font-weight: 100; }
          body.design-system section#cores .paleta .cores .cor.active {
            border: 1px solid var(--grey-150);
            border-radius: var(--border-radius) !important;
            flex-basis: 200px;
            flex-shrink: 0;
            margin: 0 .75rem; }
            body.design-system section#cores .paleta .cores .cor.active .cor-info {
              display: block; }
          body.design-system section#cores .paleta .cores .cor:hover {
            cursor: pointer; }
          body.design-system section#cores .paleta .cores .cor:first-child {
            border-radius: var(--border-radius) 0 0 var(--border-radius);
            margin-left: 0; }
          body.design-system section#cores .paleta .cores .cor:last-child {
            border-radius: 0 var(--border-radius) var(--border-radius) 0; }
      body.design-system section#cores .paleta.active {
        display: flex; }
    @media screen and (max-width: 650px) {
      body.design-system section#cores {
        padding-top: 5em;
        padding-bottom: 5rem; }
        body.design-system section#cores > .wrapper::before {
          display: none; } }
  body.design-system section#iconografia {
    background-image: url(/static/design_system/img/bg-iconografia.svg);
    background-position: right 4rem;
    background-repeat: no-repeat;
    background-size: contain; }
  body.design-system section#tipografia {
    background-color: var(--primary-900);
    border-radius: 35px;
    position: relative; }
    body.design-system section#tipografia .title-container h2 {
      color: var(--primary-500); }
    body.design-system section#tipografia::after {
      content: '';
      background-image: url(/static/design_system/img/bg-tipografia.svg);
      background-position: right 0;
      background-repeat: no-repeat;
      background-size: contain;
      height: 100%;
      position: absolute;
      top: -3rem;
      left: 0;
      width: 100%; }
    body.design-system section#tipografia .tipografia-styles {
      border-top: 1px solid var(--primary-600);
      padding-top: 5rem; }
      body.design-system section#tipografia .tipografia-styles .tipografia-style {
        color: var(--white);
        display: flex;
        align-items: center;
        font-size: 2rem;
        gap: 2rem; }
        body.design-system section#tipografia .tipografia-styles .tipografia-style h3 {
          color: var(--white);
          flex-basis: 80px; }
        body.design-system section#tipografia .tipografia-styles .tipografia-style p {
          flex-grow: 1; }
  body.design-system section#componentes {
    background-image: url(/static/design_system/img/bg-componentes.svg);
    background-position: right 14rem;
    background-repeat: no-repeat;
    background-size: auto; }
  body.design-system .gap-10 {
    gap: 10rem; }
  @media screen and (min-width: 1600px) {
    body.design-system .wrapper {
      --container-x: 20rem; } }
  @media screen and (max-width: 1250px) {
    body.design-system header.wrapper {
      display: none; }
    body.design-system .title-container {
      grid-template-columns: 100%;
      grid-template-rows: auto auto auto;
      grid-template-areas: 'titulo' 'description' 'extra';
      margin-bottom: 0; }
    body.design-system section#hero h2 {
      background-size: 120px auto;
      font-size: 6rem;
      height: 140px; }
    body.design-system section#marca {
      background-image: none; }
      body.design-system section#marca .intro {
        float: none;
        max-width: 100%; } }
  @media screen and (max-width: 650px) {
    body.design-system .wrapper {
      --container-x: 2rem; }
    body.design-system .featured p {
      font-size: 1.75rem;
      text-align: left; }
    body.design-system .title-container h2 {
      font-size: 3rem; }
    body.design-system .title-container .description {
      font-size: 1.75rem; }
    body.design-system section.wrapper {
      padding-top: 5em;
      padding-bottom: 5rem; }
    body.design-system section#hero h2 {
      background-size: 90px auto;
      font-size: 5rem;
      height: 115px; } }