/**
 * krds 규칙 기반 색상 토큰 (Base color: #007BC2)
 * NESC 환경위성센터
 * 생성 기준: krds 스타일가이드 색상(Color) - v04.nesc.go.kr/guide/style/style_02.html
 * 명도 11단계(5/10/20/30/40/50/60/70/80/90/95), 50=기준색, WCAG AA 대비 검증
 */
:root {
  /* primary */
  --nesc-primary-5: #F0F3F4;
  --nesc-primary-10: #DBE4E9;
  --nesc-primary-20: #A7C9DC;
  --nesc-primary-30: #67B1DC;
  --nesc-primary-40: #1B9DE7;
  --nesc-primary-50: #007BC2;
  --nesc-primary-60: #0469A3;
  --nesc-primary-70: #065785;
  --nesc-primary-80: #074569;
  --nesc-primary-90: #08344D;
  --nesc-primary-95: #072B40;

  /* secondary */
  --nesc-secondary-5: #F1F3F3;
  --nesc-secondary-10: #E1E5E7;
  --nesc-secondary-20: #BFC9CF;
  --nesc-secondary-30: #9AAEBA;
  --nesc-secondary-40: #7294A8;
  --nesc-secondary-50: #517990;
  --nesc-secondary-60: #46677B;
  --nesc-secondary-70: #3B5666;
  --nesc-secondary-80: #304551;
  --nesc-secondary-90: #24343D;
  --nesc-secondary-95: #1F2C33;

  /* gray */
  --nesc-gray-0: #FFFFFF;
  --nesc-gray-5: #F2F2F2;
  --nesc-gray-10: #E6E6E6;
  --nesc-gray-20: #CCCCCC;
  --nesc-gray-30: #B2B2B2;
  --nesc-gray-40: #999999;
  --nesc-gray-50: #808080;
  --nesc-gray-60: #666666;
  --nesc-gray-70: #4C4C4C;
  --nesc-gray-80: #333333;
  --nesc-gray-90: #1A1A1A;
  --nesc-gray-95: #0D0D0D;
  --nesc-gray-100: #000000;

  /* danger */
  --nesc-danger-5: #F4F1F0;
  --nesc-danger-10: #EBE1DF;
  --nesc-danger-20: #DFBBB6;
  --nesc-danger-30: #DC8F84;
  --nesc-danger-40: #E15D49;
  --nesc-danger-50: #E62B0F;
  --nesc-danger-60: #C3240B;
  --nesc-danger-70: #A01C08;
  --nesc-danger-80: #7C1506;
  --nesc-danger-90: #570F03;
  --nesc-danger-95: #450B02;

  /* warning */
  --nesc-warning-5: #F4F3F0;
  --nesc-warning-10: #E8E3D9;
  --nesc-warning-20: #D9C5A2;
  --nesc-warning-30: #D6AA5F;
  --nesc-warning-40: #D3901B;
  --nesc-warning-50: #A46904;
  --nesc-warning-60: #905C03;
  --nesc-warning-70: #7B4F02;
  --nesc-warning-80: #674101;
  --nesc-warning-90: #523400;
  --nesc-warning-95: #472D00;

  /* success */
  --nesc-success-5: #F0F4F2;
  --nesc-success-10: #D9E7E0;
  --nesc-success-20: #A3D3BD;
  --nesc-success-30: #63C99A;
  --nesc-success-40: #2BB776;
  --nesc-success-50: #138650;
  --nesc-success-60: #107747;
  --nesc-success-70: #0D673D;
  --nesc-success-80: #0B5834;
  --nesc-success-90: #08482A;
  --nesc-success-95: #074026;

  /* information */
  --nesc-information-5: #F0F3F4;
  --nesc-information-10: #DBE4E9;
  --nesc-information-20: #A7C9DC;
  --nesc-information-30: #67B1DC;
  --nesc-information-40: #1B9CE7;
  --nesc-information-50: #007BC2;
  --nesc-information-60: #006AA7;
  --nesc-information-70: #00588B;
  --nesc-information-80: #004770;
  --nesc-information-90: #003655;
  --nesc-information-95: #002D47;

  /* Semantic aliases (자주 쓰는 의미 기반 별칭) */
  --nesc-color-primary: var(--nesc-primary-50);     /* #007BC2 */
  --nesc-color-white: var(--nesc-gray-0);           /* #fff */
  --nesc-color-gray: var(--nesc-gray-5);            /* #f2f2f2 */
  --nesc-color-bg: var(--nesc-primary-5);           /* #f0f3f4 */
  --nesc-color-border: var(--nesc-primary-20);      /* #a7c9dc */
  --nesc-color-border-gray: var(--nesc-gray-10);    /* #e6e6e6 */
  --nesc-color-text: var(--nesc-gray-80);           /* #333 */
  --nesc-color-text-sub: var(--nesc-gray-60);       /* #666 */
  --nesc-color-text-disabled: var(--nesc-gray-40);  /* #999 */


}
