@charset 'utf-8';

/* Design Color Tokens (https://www.figma.com/design/mNv1JJZ3NQLzqGXPGLIxMB/NC-Careers?node-id=35-150&m=dev) */
:root {
    /* primary */
    --nc-blue1: #0541B4;
    --nc-blue2: #5DAAFF;
    --nc-blue3: #A0D7FF;
    --nc-blue4: #005AFF;
    --nc-blue5: #EDF6FC;

    /* text */
    --text100: #000000;
    --text200: #222222;
    --text300: #555555;
    --text400: #777777;
    --text500: #999999;
    --text600: #EDEBE6;
    --text700: #FFFFFF;

    /* bg */
    --bg100: #FFFFFF;
    --bg200: #000000;

    /* neutral */
    --gray100: #F6F6F6;
    --gray200: #BDC3C7;
    --gray300: #5D5D5D;
    --gray400: #D6DCE0;
    --gray500: #EEEEEF;
    --gray600: #F6F6F6;
    --gray700: #EFF2F5;

    /* point */
    --accent-orange: #FF783C;
    --accent-red: #FF4846;
    --accent-green: #0DC051;

    /* etc */
    --main-padding-inline: 
        max(16px, 
            min(360px, 
                calc(16px + (100vw - 360px) * 0.00667 + 
                     max(0px, 100vw - 960px) * 0.354)
            )
        ); /* 모바일 동적 패딩: 360px=16px, 960px=20px, 1920px=360px */

    --subpage-content-max-width: 960px;
}