:root {
  --jini-primary2: #1f3a5f;
  --jini-primary2-dark: #13263f;
  --jini-primary2-text: #1b2430;
  --jini-blue: #3577f1;
  --jini-indigo: #405189;
  --jini-purple: #6559cc;
  --jini-pink: #f672a7;
  /* --jini-red: #f06548; */
  --jini-red: #bd3a20;
  --jini-orange: #f1963b;
  --jini-yellow: #f7b84b;
  --jini-green: #0ab39c;
  --jini-teal: #02a8b5;
  --jini-cyan: #299cdb;
  --jini-white: #fff;
  --jini-gray: #878a99;
  --jini-gray-dark: #343a40;
  --jini-gray-100: #f3f6f9;
  --jini-gray-200: #eff2f7;
  --jini-gray-300: #e9ebec;
  --jini-gray-400: #ced4da;
  --jini-gray-500: #adb5bd;
  --jini-gray-600: #878a99;
  --jini-gray-700: #495057;
  --jini-gray-800: #343a40;
  --jini-gray-900: #212529;
  --jini-primary: #405189;
  --jini-primary-dark: #334071;
  --jini-primary-darker: #252f52; /* 필요시 사용 */
  --jini-secondary: #3577f1;
  --jini-success: #0ab39c;
  --jini-info: #299cdb;
  --jini-warning: #f7b84b;
  /* --jini-danger: #f06548; */
  --jini-danger: #a9413b;
  --jini-light: #f3f6f9;
  --jini-dark: #212529;
  --jini-primary-rgb: 64, 81, 137;
  --jini-secondary-rgb: 53, 119, 241;
  --jini-success-rgb: 10, 179, 156;
  --jini-info-rgb: 41, 156, 219;
  --jini-warning-rgb: 247, 184, 75;
  --jini-danger-rgb: 240, 101, 72;
  --jini-light-rgb: 243, 246, 249;
  --jini-dark-rgb: 33, 37, 41;
  --jini-primary-text-emphasis: #364574;
  --jini-secondary-text-emphasis: #2d65cd;
  --jini-success-text-emphasis: #099885;
  --jini-info-text-emphasis: #2385ba;
  --jini-warning-text-emphasis: #d29c40;
  /* --jini-danger-text-emphasis: #cc563d; */
  --jini-danger-text-emphasis: #b04a36;
  --jini-light-text-emphasis: #ced4da;
  --jini-dark-text-emphasis: #343a40;
  --jini-primary-bg-subtle: #e2e5ed;
  --jini-secondary-bg-subtle: #e1ebfd;
  --jini-success-bg-subtle: #daf4f0;
  --jini-info-bg-subtle: #dff0fa;
  --jini-warning-bg-subtle: #fef4e4;
  --jini-danger-bg-subtle: #fde8e4;
  --jini-light-bg-subtle: #f9fbfc;
  --jini-dark-bg-subtle: #e9ebec;
  --jini-primary-border-subtle: #b3b9d0;
  --jini-secondary-border-subtle: #aec9f9;
  --jini-success-border-subtle: #9de1d7;
  --jini-info-border-subtle: #a9d7f1;
  --jini-warning-border-subtle: #fce3b7;
  --jini-danger-border-subtle: #f9c1b6;
  --jini-light-border-subtle: #eff2f7;
  --jini-dark-border-subtle: #adb5bd;
  --jini-white-rgb: 255, 255, 255;
  --jini-black-rgb: 0, 0, 0;
  --jini-font-sans-serif: "Poppins", sans-serif;
  --jini-font-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --jini-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --jini-body-font-family: var(--jini-font-sans-serif);
  --jini-body-font-size: 0.8125rem;
  --jini-body-font-weight: 400;
  --jini-body-line-height: 1.5;
  --jini-body-color: #212529;
  --jini-body-color-rgb: 33, 37, 41;
  --jini-body-bg: #f3f3f9;
  --jini-body-bg-rgb: 243, 243, 249;
  --jini-emphasis-color: #212529;
  --jini-emphasis-color-rgb: 33, 37, 41;
  --jini-secondary-color: #878a99;
  --jini-secondary-color-rgb: 135, 138, 153;
  --jini-secondary-bg: #fff;
  --jini-secondary-bg-rgb: 255, 255, 255;
  --jini-tertiary-color: rgba(33, 37, 41, 0.5);
  --jini-tertiary-color-rgb: 33, 37, 41;
  --jini-tertiary-bg: #eff2f7;
  --jini-tertiary-bg-rgb: 239, 242, 247;
  --jini-heading-color: #495057;
  --jini-link-color: #405189;
  --jini-link-color-rgb: 64, 81, 137;
  --jini-link-decoration: none;
  --jini-link-hover-color: #405189;
  --jini-link-hover-color-rgb: 64, 81, 137;
  --jini-code-color: #f672a7;
  --jini-highlight-color: #212529;
  --jini-highlight-bg: #fcf8e3;
  --jini-border-width: 1px;
  --jini-border-style: solid;
  --jini-border-color: #e9ebec;
  --jini-border-color-translucent: #ced4da;
  --jini-border-radius: 0.25rem;
  --jini-border-radius-sm: 0.2rem;
  --jini-border-radius-lg: 0.3rem;
  --jini-border-radius-xl: 1rem;
  --jini-border-radius-xxl: 2rem;
  --jini-border-radius-2xl: var(--jini-border-radius-xxl);
  --jini-border-radius-pill: 50rem;
  --jini-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
  --jini-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --jini-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);
  --jini-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --jini-focus-ring-width: 0.25rem;
  --jini-focus-ring-opacity: 0.25;
  --jini-focus-ring-color: rgba(var(--jini-primary-rgb), 0.25);
  --jini-form-valid-color: #0ab39c;
  --jini-form-valid-border-color: #0ab39c;
  --jini-form-invalid-color: #f06548;
  --jini-form-invalid-border-color: #f06548;
  --jini-primary-10: rgba(64, 81, 137, 0.1);
  --jini-primary-20: rgba(64, 81, 137, 0.2);
  --jini-primary-30: rgba(64, 81, 137, 0.3);
  --jini-primary-40: rgba(64, 81, 137, 0.4);
  --jini-primary-50: rgba(64, 81, 137, 0.5);
  --jini-primary-60: rgba(64, 81, 137, 0.6);
  --jini-primary-70: rgba(64, 81, 137, 0.7);
  --jini-primary-80: rgba(64, 81, 137, 0.8);
  --jini-primary-90: rgba(64, 81, 137, 0.9);
  --jini-hover: #f5f6f8;
  --jini-text: #344054;

  --vz-blue: #3577f1;
  --vz-indigo: #405189;
  --vz-purple: #6559cc;
  --vz-pink: #f672a7;
  --vz-red: #f06548;
  --vz-orange: #f1963b;
  --vz-yellow: #f7b84b;
  --vz-green: #0ab39c;
  --vz-teal: #02a8b5;
  --vz-cyan: #299cdb;
  --vz-white: #fff;
  --vz-gray: #878a99;
  --vz-gray-dark: #343a40;
  --vz-gray-100: #f3f6f9;
  --vz-gray-200: #eff2f7;
  --vz-gray-300: #e9ebec;
  --vz-gray-400: #ced4da;
  --vz-gray-500: #adb5bd;
  --vz-gray-600: #878a99;
  --vz-gray-700: #495057;
  --vz-gray-800: #343a40;
  --vz-gray-900: #212529;
  --vz-primary: #405189;
  --vz-secondary: #3577f1;
  --vz-success: #0ab39c;
  --vz-info: #299cdb;
  --vz-warning: #f7b84b;
  --vz-danger: #f06548;
  --vz-light: #f3f6f9;
  --vz-dark: #212529;
  --vz-primary-rgb: 64, 81, 137;
  --vz-secondary-rgb: 53, 119, 241;
  --vz-success-rgb: 10, 179, 156;
  --vz-info-rgb: 41, 156, 219;
  --vz-warning-rgb: 247, 184, 75;
  --vz-danger-rgb: 240, 101, 72;
  --vz-light-rgb: 243, 246, 249;
  --vz-dark-rgb: 33, 37, 41;
  --vz-primary-text-emphasis: #364574;
  --vz-secondary-text-emphasis: #2d65cd;
  --vz-success-text-emphasis: #099885;
  --vz-info-text-emphasis: #2385ba;
  --vz-warning-text-emphasis: #d29c40;
  --vz-danger-text-emphasis: #cc563d;
  --vz-light-text-emphasis: #ced4da;
  --vz-dark-text-emphasis: #343a40;
  --vz-primary-bg-subtle: #e2e5ed;
  --vz-secondary-bg-subtle: #e1ebfd;
  --vz-success-bg-subtle: #daf4f0;
  --vz-info-bg-subtle: #dff0fa;
  --vz-warning-bg-subtle: #fef4e4;
  --vz-danger-bg-subtle: #fde8e4;
  --vz-light-bg-subtle: #f9fbfc;
  --vz-dark-bg-subtle: #e9ebec;
  --vz-primary-border-subtle: #b3b9d0;
  --vz-secondary-border-subtle: #aec9f9;
  --vz-success-border-subtle: #9de1d7;
  --vz-info-border-subtle: #a9d7f1;
  --vz-warning-border-subtle: #fce3b7;
  --vz-danger-border-subtle: #f9c1b6;
  --vz-light-border-subtle: #eff2f7;
  --vz-dark-border-subtle: #adb5bd;
  --vz-white-rgb: 255, 255, 255;
  --vz-black-rgb: 0, 0, 0;
  --vz-font-sans-serif: "Poppins", sans-serif;
  --vz-font-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --vz-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --vz-body-font-family: var(--vz-font-sans-serif);
  --vz-body-font-size: 0.8125rem;
  --vz-body-font-weight: 400;
  --vz-body-line-height: 1.5;
  --vz-body-color: #212529;
  --vz-body-color-rgb: 33, 37, 41;
  --vz-body-bg: #f3f3f9;
  --vz-body-bg-rgb: 243, 243, 249;
  --vz-emphasis-color: #212529;
  --vz-emphasis-color-rgb: 33, 37, 41;
  --vz-secondary-color: #878a99;
  --vz-secondary-color-rgb: 135, 138, 153;
  --vz-secondary-bg: #fff;
  --vz-secondary-bg-rgb: 255, 255, 255;
  --vz-tertiary-color: rgba(33, 37, 41, 0.5);
  --vz-tertiary-color-rgb: 33, 37, 41;
  --vz-tertiary-bg: #eff2f7;
  --vz-tertiary-bg-rgb: 239, 242, 247;
  --vz-heading-color: #495057;
  --vz-link-color: #405189;
  --vz-link-color-rgb: 64, 81, 137;
  --vz-link-decoration: none;
  --vz-link-hover-color: #405189;
  --vz-link-hover-color-rgb: 64, 81, 137;
  --vz-code-color: #f672a7;
  --vz-highlight-color: #212529;
  --vz-highlight-bg: #fcf8e3;
  --vz-border-width: 1px;
  --vz-border-style: solid;
  --vz-border-color: #e9ebec;
  --vz-border-color-translucent: #ced4da;
  --vz-border-radius: 0.25rem;
  --vz-border-radius-sm: 0.2rem;
  --vz-border-radius-lg: 0.3rem;
  --vz-border-radius-xl: 1rem;
  --vz-border-radius-xxl: 2rem;
  --vz-border-radius-2xl: var(--vz-border-radius-xxl);
  --vz-border-radius-pill: 50rem;
  --vz-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
  --vz-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --vz-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);
  --vz-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --vz-focus-ring-width: 0.25rem;
  --vz-focus-ring-opacity: 0.25;
  --vz-focus-ring-color: rgba(var(--vz-primary-rgb), 0.25);
  --vz-form-valid-color: #0ab39c;
  --vz-form-valid-border-color: #0ab39c;
  --vz-form-invalid-color: #f06548;
  --vz-form-invalid-border-color: #f06548;
  --vz-primary-10: rgba(64, 81, 137, 0.1);
  --vz-primary-20: rgba(64, 81, 137, 0.2);
  --vz-primary-30: rgba(64, 81, 137, 0.3);
  --vz-primary-40: rgba(64, 81, 137, 0.4);
  --vz-primary-50: rgba(64, 81, 137, 0.5);
  --vz-primary-60: rgba(64, 81, 137, 0.6);
  --vz-primary-70: rgba(64, 81, 137, 0.7);
  --vz-primary-80: rgba(64, 81, 137, 0.8);
  --vz-primary-90: rgba(64, 81, 137, 0.9);
}