@font-face {
    font-family: 'esamanru';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root,
[data-bs-theme=light] {
  /* Primary Colors */
  --color-primary: #5856D6;
  --color-secondary: #999999;
  --color-success: #00A76F;
  --color-error: #FF5630;
  --color-danger: #dc3545;
  --color-warning: #FFAB00;
  --color-info: #00B8D9;
  --color-reject: #0088FF;

  /* Basic Colors */
  --color-white: #FFFFFF;
  --color-black: #000000;

  /* Background Colors */
  --bg-body: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-black: #1C252E;
  --bg-white: #FFFFFF;
  --bg-warning: #FFAB00;
  --bg-primary: #5856D6;
  --bg-danger: #dc3545;
  --bg-nav-form: rgba(255, 255, 255, 0.1);
  --bg-action-register: #00A76F;
  --bg-input: #FFFFFF;
  --bg-input-readonly: rgba(145, 158, 171, 0.08);
  --bg-nav-guide: #637381;
  --bg-app-type: rgba(255, 86, 48, 0.16);
  --bg-button-disabled: #D9D9D9;
  --bg-checkbox: #FFFFFF;
  --bg-register-box: #F5F5F5;
  --bg-card-notice: #F8F8F8;

  /* Text Colors */
  --text-primary: #1C252E;
  --text-secondary: #919EAB;
  --text-description: #637381;
  --text-type: #B71D18;
  --text-error: #FF3B30;
  --text-success: #34C759;
  --text-white: #FFFFFF;
  --text-black: #1C252E;
  --text-normal: #333333;
  --text-generated-code: #090909;
  --text-helper: #F90719;
  --text-status: #00B8D9;
  --text-active: #5856D6;
  --text-inactive: #CCCCCC;
  --text-tab-description: #58707C;
  --text-nav: #637381;
  --text-star: #FF1A5F;
  --text-red: #C30015;
  --text-warning: #FF2D55;

  /* Border Colors */
  --border-default: #E0E0E0;
  --border-hover: #BDBDBD;
  --border-input: #E0E0E0;
  --border-input-readonly: rgba(145, 158, 171, 0.2);
  --border-cancel-btn: rgba(145, 158, 171, 0.32);
  --border-chip: rgba(145, 158, 171, 0.32);
  --border-card: rgba(145, 158, 171, 0.12);
  --border-badge: rgba(145, 158, 171, 0.32);
  --border-card-notice: #ECECEC;

  /* Input Colors */
  --input-bg: #FFFFFF;
  --input-border: #E0E0E0;
  --input-text: #1C252E;
  --input-readonly-bg: rgba(145, 158, 171, 0.08);
  --input-readonly-text: #919EAB;

  /* Table Colors */
  --table-header-bg: #F4F6F8;
  --table-header-text: #637381;
  --table-body-bg: #FFFFFF;
  --table-body-text: #1C252E;
  --table-body-text-secondary: #919EAB;
  --table-checkbox-bg: #00A76F;

  /* Select Box */
  --select-bg: #FFFFFF;
  --select-border: #E0E0E0;
  --select-text: #1C252E;

  /* Layout */
  --layout-header-height: 46px;

  /* Box Shadow */
  --box-shadow-default: 0px 0px 2px rgba(145, 158, 171, 0.2),
                        0px 12px 24px -4px rgba(145, 158, 171, 0.12);

  /* Breadcrumb */
  --breadcrumb-text: #1C252E;
  --breadcrumb-active: #919EAB;

  /* Action Description */
  --action-description-text: #919EAB;

  /* Button */
  --bg-button-submit: #1C252E;
  --bg-button-submit-hover: #333333;
  --bg-button-submit-disabled: #D9D9D9;
  --bg-button-submit-active: #1C252E;
  --text-button-submit: #FFFFFF;
  --bg-button-delete: #FF5630;
  --bg-button-delete-hover: #FF3B30;
  --bg-button-delete-disabled: #D9D9D9;
  --text-button-delete: #FFFFFF;
  --bg-button-delete-active: #FF5630;
  --bg-button-back: #00B8D9;
  --text-button-back: #FFFFFF;
  --bg-button-back-hover: #00A76F;
  --bg-button-back-active: #007BFF;
  --bg-button-expand: #171717;
  --bg-button-collapse: #00A76F;
  --bg-button-nice: #00A76F;
  --text-button-nice: #FFFFFF;
}