@charset "utf-8";
/**************************************
 * variables.css
 * css에서 사용될 공통 변수
 * 2024/12 By "PARK EUN HEE"
/**************************************/

/***  S: 변수 ***/
:root {
  --vh: 1vh;
  --scrollWidth: 8px;
  --color-grayCool-100: #f2f4f6;
  --color-grayCool-200: #d5dce2;
  --color-grayCool-300: #c8cfd8;
  --color-grayCool-500: #7f92a6;
  --color-grayCool-800: #3c4957;
  --color-grayCool-900: #28313a;

  --color-blue: #2783ff;
  --color-error: #e73723;
  --color-primary: var(--color-grayCool-900);
  --color-kakao-yellow: #ffde11;

  --component-md-radius: 8px;

  --component-sm-height: 36px;
  --component-md-height: 54px;
  --component-lg-height: 60px;

  --radio-size: 24px;

  --fc-default: var(--color-grayCool-900);
  --fc-disabled: #b2beca;
  --fc-placeholder: var(--color-grayCool-500);

  --btn-bg-default: #f9f9f9;
  --btn-bg-primary: var(--color-grayCool-900);
  --btn-bg-disabled: var(--color-grayCool-100);
  --btn-fc-default: var(--color-grayCool-800);
  --btn-fc-disabled: #b2b2ca;

  --input-border-default: var(--color-grayCool-200);
  --input-border-error: var(--color-error);

  --padding-box-hoz: 18px;

  --marginRowVer: 16px;
  --marginVer: 30px;
}

/***  E: 변수 ***/