/* 컬러 팔레트 */

:root {
  /* LG Primary Color */
  --lg-primary-red: #D80546;
  --lg-primary-grey: #5D5C5C;

  /* LG Z:IN Primary Color */
  --lx-primary-red: #9E2834;
  --lx-primary-light-red: #B93D40;
  --lx-primary-sky: #5DA5B0;

  --color-white: #ffffff;
  --color-black: #000000;

  --primary-font-light: #7C7C7C;

  --grey-50: #F2F2F2;
  --grey-100: #E2E2E2;
  --grey-200: #DBDBDB;
  --grey-300: #CCCCCC;
  --grey-400: #A3A3A3;
  --grey-500: #999999;
  --grey-600: #7C7C7C;
  --grey-700: #666666;
  --grey-800: #555555;
  --grey-850: #444444;
  --grey-900: #333333;

  --text-strong: var(--grey-900);
  --text-basic: var(--grey-600);
  --text-light: var(--grey-600);

  --gnb-text: var(--grey-800);
  --gnb-sub-text: var(--grey-400);
  --gnb-text-longinfo: var(--grey-600);

  --table-header-bg: var(--grey-50);
  --table-header-border: var(--grey-300);
  --table-header-text: var(--grey-900);
  --table-cell-bg: var(--grey-50);
  --table-cell-hover-bg: var(#FFF1F1);
  --table-cell-border: var(--grey-200);
  --table-cell-text: var(--grey-800);
  --table-hover: #FFF1F1;

  --input-bg: var(--color-white);
  --input-border-strong: var(--grey-300);
  --input-border: var(--grey-100);
  --input-text: var(--grey-700);
  --input-placeholder: var(--grey-500);

  --button-primary-bg: var(--lx-primary-light-red);
  --button-dark-bg: var(--grey-900);
  --button-primary-border: var(--lx-primary-light-red);
  --button-dark-border: var(--grey-300);
  --button-text: var(--color-white);
  --button-text-grey: var(--text-basic);
  --button-line-border: #D1DAE3;

  --tag-border-success: #88D797;
  --tag-bg-success: #E2FAED;
  --tag-text-success: #00673C;
  --tag-border-error: #F8A19D;
  --tag-bg-error: #FDE6E5;
  --tag-text-error: #AF0438;
}