:root {
      
    /* DESIGN COLOR */

    --heading-font-font-family: acumin-pro-wide;

    --font-family: -apple-system, -apple-system, BlinkMacSystemFont,'Sukumvit Set', sans-serif;
    --font-title: -apple-system, -apple-system, BlinkMacSystemFont, 'Sukumvit Set','Kanit', sans-serif;
    --font-text: sans-serif;
    
    --pri-color: #3A3A3A;
    --pri-dark: #3A3A3A;
    --pri-lite: #3A3A3A;
    
    --sec-color: #009501;
    --sec-dark: #009501;
    --sec-lite: #009501;
    
    --hl-color: #038ebd;
    --hl-dark: #0280AA;
    --hl-lite: #00c5e4;    
    
    --accent-color: #123A67;
    --accent-color-op: #ffffff;
    --accent-color-hover: #0071b2;
    
    --card-bg:rgba(255, 255, 255, 1);
    --card-link:#0088B2;
    --card-link-hover:#0071b2;
    
    --reader-h:#0088B2;
    
    --dark-text:#000000;
    
    --active-color: #FFDE0D;
    --active-dark: #FFDE0D;
    --active-lite: #FFDE0D;
    
    /* ELEMENT */
    
    --section-title:#111111;
    --form-color:#0071b2;
    
    --nav-bg:var(--pri-color);
    --sideBar-bg:#27384e;
    
    --buy-btn: #1fa01f;
    
    --btn-dark: #455B64;
    --btn-dark-hover: #33444B;
    
    --btn-lite: #fff;
    --btn-lite-hover: #93A9B2;
    
    --modal-border: #none;
    --card-bg: #ffffff;
    
    /* DIMENTION */
    
    --nav-height:64px;
    --nav-color:var(--pri-color);
    --nav-background:var(--white);
    --nav-a-color:var(--pri-color);
    
    --sidenav-color:var(--pri-color);
    --sidenav-background:var(--white);
    
    --hover-lite: rgba(57, 105, 148, 0.05);
    --userPanel-width: 300px;
    
    --editorSideBar-width:60px;
    --editorSideBar-color:var(--sideBar-bg);
    
    --editorSidePanel-color:#222;  
    


    }
    
    /* fallback */
    @font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialicons/v77/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
    }
    
    .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    }

    @font-face{font-family:acumin-pro-wide;src:url(https://use.typekit.net/af/1b8691/00000000000000003b9acb3d/27/l?subset_id=2&fvd=n3&v=3) format("woff2"),
        url(https://use.typekit.net/af/1b8691/00000000000000003b9acb3d/27/d?subset_id=2&fvd=n3&v=3) format("woff"),
        url(https://use.typekit.net/af/1b8691/00000000000000003b9acb3d/27/a?subset_id=2&fvd=n3&v=3) format("opentype");
      font-weight:300;font-style:normal;font-stretch:normal;font-display:auto;}
      
      @font-face{font-family:acumin-pro-wide;src:url(https://use.typekit.net/af/be1794/00000000000000003b9acb45/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),
      url(https://use.typekit.net/af/be1794/00000000000000003b9acb45/27/d?subset_id=2&fvd=n7&v=3) format("woff"),
      url(https://use.typekit.net/af/be1794/00000000000000003b9acb45/27/a?subset_id=2&fvd=n7&v=3) format("opentype");
      font-weight:700;font-style:normal;font-stretch:normal;font-display:auto;}
      
      @font-face{font-family:acumin-pro-wide;src:url(https://use.typekit.net/af/d819ed/00000000000000003b9acb3e/27/l?subset_id=2&fvd=i3&v=3) format("woff2"),
        url(https://use.typekit.net/af/d819ed/00000000000000003b9acb3e/27/d?subset_id=2&fvd=i3&v=3) format("woff"),
        url(https://use.typekit.net/af/d819ed/00000000000000003b9acb3e/27/a?subset_id=2&fvd=i3&v=3) format("opentype");
        
      font-weight:300;font-style:italic;font-stretch:normal;font-display:auto;}
      
      @font-face{font-family:acumin-pro-wide;src:url(https://use.typekit.net/af/72fcf6/00000000000000003b9acb46/27/l?subset_id=2&fvd=i7&v=3) format("woff2"),
        url(https://use.typekit.net/af/72fcf6/00000000000000003b9acb46/27/d?subset_id=2&fvd=i7&v=3) format("woff"),
        url(https://use.typekit.net/af/72fcf6/00000000000000003b9acb46/27/a?subset_id=2&fvd=i7&v=3) format("opentype");
      font-weight:700;font-style:italic;font-stretch:normal;font-display:auto;}