/*COLORS*/


:root{


    --blue-950:#002669;--blue-900:#002e80;--blue-800:#003ead;--blue-700:#0048c8; --blue-600:#0052e2;--blue-500:#005cff;--blue-400:#4185ff;--blue-300:#5a96ff;--blue-200:#83B0FF;--blue-100:#A1C3FF;--blue-050:#BFD6FF;--blue-025:#EFF5FF;
    --neutral-950:#0E121B;--neutral-900:#181B25;--neutral-800:#282C38;--neutral-700:#373E4B; --neutral-600:#525866;--neutral-500:#717784;--neutral-400:#99A0AE;--neutral-300:#CACFD8;--neutral-200:#E1E4EA;--neutral-100:#F2F5F8;--neutral-050:#FAFAFA;--neutral-000:#FFFFFF;

    --red-800:#C22F2F;--red-500:#F13737;--red-300:#FFA6A6;--red-100:#FEE9E3;--red-050:#FEF4F3;
    --orange-800:#BC6719;--orange-500:#FD7E14;--orange-300:#FFC086;--orange-200:#FFDBBD;--orange-100:#FFEEDE;--orange-050:#FFFBF6;
    --yellow-800:#CAAD12;--yellow-500:#FEDC2A;--yellow-300:#F8E168;--yellow-100:#FFF4B7;
    --green-800:#0F841B;--green-500:#26B134;--green-300:#83DC8C;--green-100:#B7FBBE;--green-050:#EAFDEA;
  
    --primary-950:var(--blue-950);    --primary-900:var(--blue-900);    --primary-800:var(--blue-800);    --primary-700:var(--blue-700);    --primary-600:var(--blue-600);    --primary-500:var(--blue-500);    --primary-400:var(--blue-400);    --primary-300:var(--blue-300); --primary-200:var(--blue-200);    --primary-100:var(--blue-100);     --primary-050:var(--blue-050);   --primary-025:var(--blue-025);
    
    --fg-base:var(--neutral-000);

    --html-base-bg:#eeeeee;
   
    /*BASE*/

      /*BASE-FOREGROUND*/

    --fg-primary-xmedium:var(--primary-500);    --fg-primary-medium:var(--primary-400);    --fg-primary-light:var(--primary-200);
    --fg-neutral-xstrong:var(--neutral-950);    --fg-neutral-strong:var(--neutral-800);    --fg-neutral-xmedium:var(--neutral-500);    --fg-neutral-medium:var(--neutral-300);    --fg-neutral-light:var(--neutral-2300);    --fg-neutral-xlight:var(--neutral-100);
    --fg-error-strong:var(--red-800);    --fg-error-medium:var(--red-500);    --fg-error-light:var(--red-300);
    --fg-warn-strong:var(--orange-800);    --fg-warn-medium:var(--orange-500);    --fg-warn-light:var(--orange-300);
    --fg-warn-alt-strong:var(--yellow-800);    --fg-warn-alt-medium:var(--yellow-500);    --fg-warn-alt-light:var(--yellow-300);
    --fg-success-strong:var(--green-800);    --fg-success-medium:var(--green-500);    --fg-success-light:var(--green-300);

      /*BASE-BACKGROUND*/
  
    --bg-base:var(--neutral-000);
    --bg-primary-strong:var(--primary-600);    --bg-primary-xmedium:var(--primary-500);    --bg-primary-medium:var(--primary-400);    --bg-primary-light:var(--primary-100);    --bg-primary-xlight:var(--primary-025);
    --bg-neutral-xstrong:var(--neutral-800);    --bg-neutral-strong:var(--neutral-600);    --bg-neutral-xmedium:var(--neutral-500);    --bg-neutral-medium:var(--neutral-400);    --bg-neutral-light:var(--neutral-100);    --bg-neutral-xlight:var(--neutral-025);
    --bg-error-strong:var(--red-800);    --bg-error-xmedium:var(--red-500);    --bg-error-medium:var(--red-400);    --bg-error-light:var(--red-100);    --bg-error-xlight:var(--red-050);
    --bg-warning-strong:var(--orange-800);    --bg-warning-xmedium:var(--orange-500);    --bg-warning-medium:var(--orange-300);    --bg-warning-light:var(--orange-100);    --bg-warning-xlight:var(--orange-025);
    --bg-warning-alt-strong:var(--yellow-800);    --bg-warning-alt-xmedium:var(--yellow-500);    --bg-warning-alt-medium:var(--yellow-300);    --bg-warning-alt-light:var(--yellow-100);
    --bg-success-strong:var(--green-800);    --bg-success-xmedium:var(--green-500);    --bg-success-medium:var(--green-300);    --bg-success-light:var(--green-100);

      /*BASE-BORDER*/
    
    --bd-base:var(--neutral-000);
    --bd-primary-xmedium:var(--primary-500);    --bd-primary-light:var(--primary-100);
    --bd-neutral-strong:var(--neutral-600);    --bd-neutral-xmedium:var(--neutral-400);    --bd-neutral-medium:var(--neutral-200);    --bd-neutral-light:var(--neutral-100);
    --bd-error-strong:var(--red-500);    --bd-error-medium:var(--red-300);    --bd-error-light:var(--red-100);
    --bd-warning-strong:var(--orange-800);    --bd-warning-light:var(--orange-300);    --bd-warning-xlight:var(--orange-200);
    --bd-warning-alt-strong:var(--yellow-500);    --bd-warning-alt-light:var(--yellow-100);
    --bd-success-strong:var(--green-500);    --bd-success-light:var(--green-300);    --bd-success-xlight:var(--green-100);

    /*ACTION*/
    
      /*AC-FOREGROUND*/

    --ac-fg-base:var(--neutral-000);
    --ac-fg-primary-default:var(--primary-500);    --ac-fg-primary-hover:var(--primary-400);    --ac-fg-primary-click:var(--primary-600);    --ac-fg-primary-disabled:var(--primary-100);
    --ac-fg-neutral-default:var(--neutral-500);    --ac-fg-neutral-hover:var(--neutral-400);    --ac-fg-neutral-click:var(--neutral-800);    --ac-fg-neutral-disabled:var(--neutral-300);
    --ac-fg-error-default:var(--red-500);    --ac-fg-error-hover:var(--red-800);    --ac-fg-error-click:var(--red-800);
    --ac-fg-warning-default:var(--orange-500);    --ac-fg-warning-hover:var(--orange-800);    --ac-fg-warning-click:var(--orange-800);
    --ac-fg-warning-alt-default:var(--yellow-500);    --ac-fg-warning-alt-hover:var(--yellow-800);    --ac-fg-warning-alt-click:var(--yellow-800);
    --ac-fg-success-default:var(--green-500);    --ac-fg-success-alt-hover:var(--green-800);    --ac-fg-success-alt-click:var(--green-800);

      /*AC-BACKGROUND*/

    --ac-bg-base:var(--neutral-000);
    --ac-bg-primary-default:var(--primary-500);    --ac-bg-primary-hover:var(--primary-400);    --ac-bg-primary-click:var(--primary-600);    --ac-bg-primary-disabled:var(--primary-100);
    --ac-bg-primary-light-default:var(--primary-025);    --ac-bg-primary-light-hover:var(--primary-025);    --ac-bg-primary-light-click:var(--primary-025);    --ac-bg-primary-light-disabled:var(--primary-025);
    --ac-bg-neutral-default:var(--neutral-800);    --ac-bg-neutral-hover:var(--neutral-700);    --ac-bg-neutral-click:var(--neutral-950);    --ac-bg-neutral-disabled:var(--neutral-400);
    --ac-bg-neutral-light-default:var(--neutral-050);    --ac-bg-neutral-light-hover:var(--neutral-100);    --ac-bg-neutral-light-click:var(--neutral-100);    --ac-bg-neutral-light-disabled:var(--neutral-050);
    --ac-bg-error-default:var(--red-500);    --ac-bg-error-hover:var(--red-800);    --ac-bg-error-click:var(--red-800);
    --ac-bg-error-light-default:var(--red-050);    --ac-bg-error-light-hover:var(--red-100);    --ac-bg-error-light-click:var(--red-100);
    --ac-bg-warning-default:var(--orange-500);    --ac-bg-warning-hover:var(--orange-800);    --ac-bg-warning-click:var(--orange-800);
    --ac-bg-warning-light-default:var(--orange-100);    --ac-bg-warning-light-hover:var(--orange-200);    --ac-bg-warning-light-click:var(--orange-200);
    --ac-bg-warning-alt-default:var(--yellow-500);    --ac-bg-warning-alt-hover:var(--yellow-800);    --ac-bg-warning-alt-click:var(--yellow-800);
    --ac-bg-warning-alt-light-default:var(--yellow-050);    --ac-bg-warning-alt-light-hover:var(--yellow-100);    --ac-bg-warning-alt-light-click:var(--yellow-100);
    --ac-bg-success-default:var(--green-500);    --ac-bg-success-hover:var(--green-800);    --ac-bg-success-click:var(--green-800);
    --ac-bg-success-light-default:var(--green-050);    --ac-bg-success-light-hover:var(--green-100);    --ac-bg-success-light-click:var(--green-100);

      /*AC-BORDER*/
    --ac-bd-info-error:var(--red-500);    --ac-bd-info-warning:var(--orange-500);    --ac-bd-info-success:var(--green-500);
    --ac-bd-primary-default:var(--primary-500);    --ac-bd-primary-hover:var(--primary-400);    --ac-bd-primary-click:var(--primary-600);    --ac-bd-primary-disabled:var(--primary-050);
    --ac-bd-neutral-default:var(--neutral-600);    --ac-bd-neutral-hover:var(--neutral-500);    --ac-bd-neutral-click:var(--neutral-700);    --ac-bd-neutral-disabled:var(--neutral300);
    --ac-bd-neutral-light-default:var(--neutral-100);    --ac-bd-neutral-light-hover:var(--neutral-200);    --ac-bd-neutral-light-click:var(--neutral-200);    --ac-bd-neutral-light-disabled:var(--neutral-100);




 
 
    --bodybgcolor:var(--html-base-bg);
    --centerbgcolor:#ffffff;
    --bodymaintextcolor:#1e1d1d;
    --mainmenuboxshadow:0px 10px 18px -2px rgba(10, 9, 11, 0.07);
    --mmistroke: #717784;
    --logofill: #282C38;
    --mainmenubgcolor:#ffffff; 

    /*PADDING, MARGIN*/

    --pblarge:13px;  --pbmedium:9px 14px 9px 14px; --pbsmall:5px 5px 5px 5px;    


    --p1x:7px;    --p2x:14px;    --p3x:24px;    --p4x:32px;
    --m1x:8px;    --m2x:16px;    --m3x:24px;    --m4x:32px;
    --h1x:8px;    --h2x:16px;    --h3x:24px;    --h4x:32px;

    --brlarge:1000px;



    --hblarge:48px;    --hbmedium:40px; --hbsmall:32px;
    --rbsmall:6px;

}


.darktheme{

    --html-base-bg:rgb(49, 47, 47);

    --centerbgcolor:#3b3a3a;
    --bodymaintextcolor:#aaaaaa;
    --mainmenuboxshadow:0px 10px 18px -2px rgba(103, 103, 103, 0.07);
    --mmistroke: #aaaaaa;
    --logofill: #aaaaaa;
    --mainmenubgcolor:#181717;
}

.mmicon{
    stroke:var(--mmistroke);
}

.mmlogo{
    fill:var(--logofill);
}