/* Web font :: BEGIN */

@font-face {
    font-family: "inter";
    src: url('https://promanagecdn.blob.core.windows.net/promanage/font/inter.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
}

/* Web font :: END */

:root {

    /* Font :: BEGIN */
    --font-family-primary: 'inter', sans-serif;
    --font-size-base: 1.6rem;
    /* Note: Change line height based on the font stack */
    --line-height-large: 2;
    --line-height-base: 1.5;
    --line-height-small: 1.25;

    /* Font Weight :: BEGIN */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 600;
    /* Font Weight :: END */
    /* Font :: END */
    
    /* Primary & Secondary Color HEX */
    --color-primary: #2A5EFE;
    --color-secondary: #011A65;

    --color-primary-light: #D9E5FF;
    --color-secondary-light: #E5EFFF;

    --color-primary-dark: #152FE0;
    --color-secondary-dark: #011A65;

    --color-on-primary:var(--color-white);
    --color-on-secondary:var(--color-white);

    /* Primary & Secondary Color RGB */
    --color-rgb-primary: 42 94 254;
    --color-rgb-secondary: 1 26 101;

    /* Project Specific Common Colors */
    --color-body-background: #fff;
    /* --color-body-background: #E8ECFF; old color */
    --color-body-color: #212121;
    --color-text-muted: #666666;
    
    /* Card Specific colors */
    --card-outlined-border:#95BFE9;
    --card-filled-bg:#DCE7F1;
    --card-selected-bg:#DCE7F1;
    
    /* Border Radius */
    --border-radius-4: 0.4rem;
    --border-radius-2:0.2rem;

    /* Gutter Spaces */
    --gutter-base: 1.6rem;

    /* Table Colors */
    --table-border-width: .1rem;
    --table-header-background: #f6f8fc;
    --table-border-color: #d4e5ff;


    /* TODO :: Arul need to check and remove if not required */
    /* Feature Specific Colors */
    --color-grey-light: #fff0e8;
    --color-primary-light:#D4E5FF;
    --color-bright-turquoise: #15ccef;
    /* TODO :: Arul need to check and remove if not required */    

    /* Accent Colors */
    --color-accent: #F0EEFF;
    --color-accent-1: #778ba1;
    --color-accent-2: #F1F4F8;
    --card-outlined-border: #d4e5ff;
    --color-accent-3: #FFF0E8;
    --color-accent-4: #E8FFE8;
}

/* Icon fonts :: BEGIN */
@font-face {
    font-family: 'sk-icons';
    font-style: normal;
    font-weight: 400;
    src: url('https://promanagecdn.blob.core.windows.net/promanage/font/sk-icons-sharp.woff2') format('woff2');
}


.sk-icons,
.sk-icons-filled {
    font-family: 'sk-icons';
    font-weight: normal;
    font-style: normal;
    font-size: 2.4rem;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.sk-icons-filled {
    font-variation-settings: "FILL" 1;
}

/* Icon fonts :: END */