@charset "UTF-8";
/**
테마 시스템 흐름도.

┌──────────────────────────────────────────────────────────────┐
│  1. MUI Default (cssVariables: true)                         │
│     → --mui-palette-*, --mui-shadows-* 자동 생성              │
│     → StyledEngineProvider injectFirst로 순서 보장             │
└──────────────────────┬───────────────────────────────────────┘
                       ▼
┌──────────────────────────────────────────────────────────────┐
│  2. 테마 토큰 (themes/{theme}/config/_tokens.scss)            │
│     $tokens:    MUI 오버라이드 (변경할 항목만 정의)              │
│                 미정의 항목 → MUI 기본값 자동 사용               │
│     $overrides: 프로젝트 변수 오버라이드 (변경할 항목만)          │
│                 미정의 항목 → _semantic-defaults.scss 기본값    │
└──────────────────────┬───────────────────────────────────────┘
                       ▼
┌──────────────────────────────────────────────────────────────┐
│  3. CSS 변수 생성 (design-system/core/_mixins.scss)           │
│                                                              │
│     [A] MUI 오버라이드 (조건부)                                │
│         $tokens에 있는 키만 --mui-* 변수 오버라이드 생성         │
│         예: "primary": #c84111 → --mui-palette-primary-main  │
│                                                              │
│     [B] 시맨틱 별칭 (항상 출력)                                │
│         --primary: var(--mui-palette-primary-main)            │
│         --text-color: var(--mui-palette-text-primary)         │
│         --shadow-sm: var(--mui-shadows-1)                    │
│                                                              │
│     [C] 프로젝트 변수 ($defaults + $overrides)                │
│         --text-xs, --space-*, --radius-*, --btn-bg 등         │
│         MUI에 없는 프로젝트 전용 디자인 토큰                    │
└──────────────────────┬───────────────────────────────────────┘
                       ▼
┌──────────────────────────────────────────────────────────────┐
│  4. Runtime                                                  │
│     MUI 컴포넌트: --mui-palette-* 읽기 (SCSS 오버라이드 우선)   │
│     프로젝트 코드: --primary, --btn-bg, --text-xs 등 사용      │
└──────────────────────────────────────────────────────────────┘

핵심 파일:
  design-system/core/_mixins.scss         — CSS 변수 생성 (generate/apply)
  design-system/core/_semantic-defaults.scss — 프로젝트 변수 기본값 ($defaults)
  design-system/core/_functions.scss      — channels() 헬퍼
  themes/{theme}/config/_tokens.scss      — 테마별 $tokens, $overrides
  themes/{theme}/_theme-{theme}.scss      — [data-theme] 셀렉터 + apply 호출
*/
[data-theme=default] {
  --mui-font-size: 1rem;
  --primary: var(--mui-palette-primary-main);
  --primary-light: var(--mui-palette-primary-light);
  --primary-dark: var(--mui-palette-primary-dark);
  --primary-contrast: var(--mui-palette-primary-contrastText);
  --secondary: var(--mui-palette-secondary-main);
  --secondary-light: var(--mui-palette-secondary-light);
  --secondary-dark: var(--mui-palette-secondary-dark);
  --secondary-contrast: var(--mui-palette-secondary-contrastText);
  --error: var(--mui-palette-error-main);
  --error-light: var(--mui-palette-error-light);
  --error-dark: var(--mui-palette-error-dark);
  --warning: var(--mui-palette-warning-main);
  --warning-light: var(--mui-palette-warning-light);
  --warning-dark: var(--mui-palette-warning-dark);
  --info: var(--mui-palette-info-main);
  --info-light: var(--mui-palette-info-light);
  --info-dark: var(--mui-palette-info-dark);
  --success: var(--mui-palette-success-main);
  --success-light: var(--mui-palette-success-light);
  --success-dark: var(--mui-palette-success-dark);
  --text-color: var(--mui-palette-text-primary);
  --text-muted: var(--mui-palette-text-secondary);
  --text-faint: var(--mui-palette-text-disabled);
  --common-white: var(--mui-palette-common-white);
  --common-black: var(--mui-palette-common-black);
  --text-inverse: #ffffff;
  --text-primary: var(--primary);
  --text-secondary: var(--secondary);
  --text-error: var(--error);
  --text-warning: var(--warning);
  --text-info: var(--info);
  --text-success: var(--success);
  --font-size: var(--mui-font-size);
  --font-family: var(--mui-font-family);
  --bg-color: var(--mui-palette-background-default);
  --bg-paper: var(--mui-palette-background-paper);
  --bg-primary: var(--primary);
  --bg-secondary: var(--secondary);
  --bg-error: var(--error);
  --bg-warning: var(--warning);
  --bg-info: var(--info);
  --bg-success: var(--success);
  --bg-grey-100: var(--mui-palette-grey-100);
  --bg-grey-200: var(--mui-palette-grey-200);
  --bg-grey-300: var(--mui-palette-grey-300);
  --border-color: var(--mui-palette-divider);
  --border-grey: var(--mui-palette-grey-300);
  --state-hover: var(--mui-palette-action-hover);
  --state-selected: var(--mui-palette-action-selected);
  --state-disabled: var(--mui-palette-action-disabled);
  --state-focus: var(--mui-palette-action-focus);
  --grey-50: var(--mui-palette-grey-50);
  --grey-100: var(--mui-palette-grey-100);
  --grey-200: var(--mui-palette-grey-200);
  --grey-300: var(--mui-palette-grey-300);
  --grey-400: var(--mui-palette-grey-400);
  --grey-500: var(--mui-palette-grey-500);
  --grey-600: var(--mui-palette-grey-600);
  --grey-700: var(--mui-palette-grey-700);
  --grey-800: var(--mui-palette-grey-800);
  --grey-900: var(--mui-palette-grey-900);
  --shadow-sm: var(--mui-shadows-1);
  --shadow-card: var(--mui-shadows-2);
  --shadow-md: var(--mui-shadows-4);
  --shadow-dropdown: var(--mui-shadows-8);
  --shadow-lg: var(--mui-shadows-12);
  --shadow-modal: var(--mui-shadows-16);
  --shadow-login-card: var(--mui-shadows-24);
  --bg-surface: #ffffff;
  --bg-subtle: #e3f2fd;
  --btn-radius: 0.25rem;
  --btn-height: 2.5rem;
  --input-radius: 0.25rem;
  --input-height: 2.5rem;
  --chip-radius: 624.9375rem;
  --btn-bg: var(--primary);
  --btn-bg-hover: var(--primary-dark);
  --btn-bg-active: var(--primary-dark);
  --btn-text: var(--primary-contrast);
  --btn-danger-bg: var(--error);
  --btn-danger-bg-hover: var(--error-dark);
  --btn-danger-text: var(--common-white);
  --btn-border: var(--border-grey);
  --btn-disabled-bg: var(--bg-grey-200);
  --btn-disabled-text: var(--text-faint);
  --input-bg: var(--bg-color);
  --input-border: var(--border-grey);
  --input-border-hover: var(--border-color);
  --input-border-focus: var(--primary);
  --input-border-error: var(--error);
  --input-text: var(--text-color);
  --input-placeholder: var(--text-faint);
  --input-disabled-bg: var(--bg-grey-100);
  --card-bg: var(--bg-paper);
  --card-shadow: var(--shadow-card);
  --modal-bg: var(--bg-paper);
  --modal-shadow: var(--shadow-modal);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverse);
  --link-color: var(--primary);
  --link-hover: var(--primary-dark);
  --focus-ring-color: var(--primary);
  --transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --sidebar-width: 240px;
  --header-height: 64px;
  --page-padding: 24px;
  --component-size-xsmall: 1.75rem;
  --component-size-small: 2.1875rem;
  --component-size-medium: 3rem;
  --component-size-large: 3.625rem;
  --component-size-xlarge: 4.25rem;
  --radius-xsmall: 0.25rem;
  --radius-small: 0.5rem;
  --radius-medium: 0.625rem;
  --radius-large: 0.75rem;
  --radius-xlarge: 1rem;
  --font-size-xsmall: 0.75rem;
  --font-size-small: 0.875rem;
  --font-size-medium: 1rem;
  --font-size-large: 1.25rem;
  --font-size-xlarge: 1.5rem;
  --icon-size-small: 1.25rem;
  --icon-size-medium: 1.5rem;
  --icon-size-large: 1.875rem;
  --primitive-white: #FFFFFF;
  --primitive-black: #000000;
  --global-gray-light: var(--primitive-white);
  --global-gray-dark: var(--primitive-black);
  --global-gray-100: #999999;
  --global-gray-200: #888888;
  --global-gray-300: #777777;
  --global-gray-400: #666666;
  --global-gray-450: #5C5C5C;
  --global-gray-500: #555555;
  --global-gray-600: #444444;
  --global-gray-700: #333333;
  --global-gray-800: #222222;
  --global-gray-900: #111111;
  --global-grayA-50: #AAAAAA;
  --global-grayA-100: #A9A9A9;
  --global-grayA-200: #A8A8A8;
  --global-grayB-50: #BBBBBB;
  --global-grayB-100: #B9B9B9;
  --global-grayB-200: #B8B8B8;
  --global-grayC-50: #CCCCCC;
  --global-grayC-100: #C9C9C9;
  --global-grayC-200: #C8C8C8;
  --global-grayD-50: #DDDDDD;
  --global-grayD-100: #D9D9D9;
  --global-grayD-200: #D8D8D8;
  --global-grayE-50: #EEEEEE;
  --global-grayE-100: #E9E9E9;
  --global-grayE-200: #E8E8E8;
  --global-grayE-500: #E5E5E5;
  --global-grayF-100: #F9F9F9;
  --global-grayF-200: #F8F8F8;
  --global-grayF-300: #F7F7F7;
  --alias-accordion-radius: var(--radius-small);
  --alias-accordion-heading-margin: 0.5rem;
  --alias-accordion-border: var(--global-grayE-500);
  --alias-accordion-shadow: var(--mui-shadows-1);
  --alert-radius: var(--radius-medium);
  --alias-btn-height-small: var(--component-size-small);
  --alias-btn-height-medium: var(--component-size-medium);
  --alias-btn-height-large: var(--component-size-large);
  --alias-btn-radius-small: var(--radius-small);
  --alias-btn-radius-medium: var(--radius-medium);
  --alias-btn-radius-large: var(--radius-large);
  --alias-btn-font-size-small: var(--font-size-small);
  --alias-btn-font-size-medium: var(--font-size-medium);
  --alias-btn-font-size-large: var(--font-size-large);
  --alias-btn-padding-small: 0.875rem;
  --alias-btn-padding-medium: 1.125rem;
  --alias-btn-padding-large: 1.375rem;
  --alias-checkbox-height-small: var(--component-size-small);
  --alias-checkbox-height-medium: var(--component-size-medium);
  --alias-checkbox-font-size-small: var(--font-size-small);
  --alias-checkbox-font-size-medium: var(--font-size-medium);
  --alias-chip-height-small: var(--component-size-small);
  --alias-chip-height-medium: var(--component-size-medium);
  --alias-chip-font-size-small: var(--font-size-small);
  --alias-chip-font-size-medium: var(--font-size-medium);
  --alias-chip-padding-small: 0.375rem;
  --alias-chip-padding-medium: 0.5rem;
  --alias-chip-label-padding-small: 0.5rem;
  --alias-chip-label-padding-medium: 0.625rem;
  --alias-dialog-radius: var(--radius-large);
  --alias-dialog-title-padding: 0.5rem;
  --alias-dialog-actions-padding: 0.5rem;
  --alias-formField-height-small: var(--component-size-small);
  --alias-formField-height-medium: var(--component-size-medium);
  --alias-formField-margin: 0.375rem;
  --alias-formField-component-gap: 0.5rem;
  --alias-icon-btn-width-small: var(--component-size-small);
  --alias-icon-btn-height-small: var(--component-size-small);
  --alias-icon-btn-width-medium: var(--component-size-medium);
  --alias-icon-btn-height-medium: var(--component-size-medium);
  --alias-icon-btn-width-large: var(--component-size-large);
  --alias-icon-btn-height-large: var(--component-size-large);
  --alias-input-autofill-bg: var(--global-gray-light);
  --alias-label-height-small: var(--component-size-small);
  --alias-label-height-medium: var(--component-size-medium);
  --alias-label-font-size-small: var(--font-size-small);
  --alias-label-font-size-medium: var(--font-size-medium);
  --alias-label-asterisk-color: var(--error);
  --alias-list-item-height-small: var(--component-size-small);
  --alias-list-item-height-medium: var(--component-size-medium);
  --alias-list-item-font-size-small: var(--font-size-small);
  --alias-list-item-font-size-medium: var(--font-size-medium);
  --alias-list-item-depth-indent: 2.25rem;
  --alias-paper-radius: var(--radius-medium);
  --alias-paper-border-color: var(--global-grayE-500);
  --alias-radio-height-small: var(--component-size-small);
  --alias-radio-height-medium: var(--component-size-medium);
  --alias-radio-font-size-small: var(--font-size-small);
  --alias-radio-font-size-medium: var(--font-size-medium);
  --alias-select-height-small: var(--component-size-small);
  --alias-select-height-medium: var(--component-size-medium);
  --alias-select-radius-small: calc(var(--radius-small) - 0.125rem);
  --alias-select-radius-medium: var(--radius-medium);
  --alias-select-font-size-small: var(--font-size-small);
  --alias-select-font-size-medium: var(--font-size-medium);
  --alias-input-height-small: var(--component-size-small);
  --alias-input-height-medium: var(--component-size-medium);
  --alias-input-radius-small: calc(var(--radius-small) - 0.125rem);
  --alias-input-radius-medium: var(--radius-medium);
  --alias-input-font-size-small: var(--font-size-small);
  --alias-input-font-size-medium: var(--font-size-medium);
  --alias-input-padding: 0.875rem;
  /*** Components 재정의 (MUI 기본형) ***/
  /* Touch Ripple */
}
[data-theme=default] .MuiTouchRipple-root {
  border-radius: inherit;
}
[data-theme=default] .MuiTouchRipple-root span {
  border-radius: inherit;
}
[data-theme=default] {
  /* Components with Label */
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root) .MuiFormLabel-root {
  top: 50%;
  transform: translate(var(--alias-input-padding), -50%) scale(1);
  transition: all 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root) .MuiFormLabel-root.Mui-focused, [data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root) .MuiFormLabel-root.MuiFormLabel-filled {
  top: 0;
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root):has(.MuiInputAdornment-root) .MuiTypography-root {
  font-size: inherit;
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root):has(.MuiInputAdornment-root):has(.MuiInputAdornment-positionStart) .MuiFormLabel-root {
  top: 0;
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root):has(.MuiFormHelperText-root) .MuiFormHelperText-root {
  position: absolute;
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall] .MuiFormLabel-root {
  font-size: var(--font-size-small);
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall] .MuiFormLabel-root.Mui-focused, [data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall] .MuiFormLabel-root.MuiFormLabel-filled {
  transform: translate(var(--alias-input-padding), calc(var(--font-size-small) * 1.0625 / -2)) scale(0.75);
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall]:has(.MuiInputAdornment-root):has(.MuiInputAdornment-positionStart) .MuiFormLabel-root {
  transform: translate(var(--alias-input-padding), calc(var(--font-size-small) * 1.0625 / -2)) scale(0.75);
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall]:has(.MuiFormHelperText-root) {
  margin-bottom: calc(var(--font-size-small) * 1.66 + 0.25rem);
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall]:has(.MuiFormHelperText-root) .MuiFormHelperText-root {
  bottom: calc((var(--font-size-small) * 1.66 + 0.25rem) * -1);
  font-size: var(--font-size-small);
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium] .MuiFormLabel-root {
  font-size: var(--font-size-medium);
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium] .MuiFormLabel-root.Mui-focused, [data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium] .MuiFormLabel-root.MuiFormLabel-filled {
  transform: translate(var(--alias-input-padding), calc(var(--font-size-medium) * 1.0625 / -2)) scale(0.75);
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium]:has(.MuiInputAdornment-root):has(.MuiInputAdornment-positionStart) .MuiFormLabel-root {
  transform: translate(var(--alias-input-padding), calc(var(--font-size-medium) * 1.0625 / -2)) scale(0.75);
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium]:has(.MuiFormHelperText-root) {
  margin-bottom: calc(var(--font-size-medium) * 1.66 + 0.25rem);
}
[data-theme=default] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium]:has(.MuiFormHelperText-root) .MuiFormHelperText-root {
  bottom: calc((var(--font-size-medium) * 1.66 + 0.25rem) * -1);
  font-size: var(--font-size-medium);
}
[data-theme=default] {
  /* Icon */
}
[data-theme=default] .MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall {
  font-size: var(--icon-size-small);
}
[data-theme=default] .MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium {
  font-size: var(--icon-size-medium);
}
[data-theme=default] .MuiSvgIcon-root.MuiSvgIcon-fontSizeLarge {
  font-size: var(--icon-size-large);
}
[data-theme=default] {
  /* List */
}
[data-theme=default] .MuiMenu-list .MuiMenuItem-root {
  height: var(--alias-list-item-height-small);
  font-size: var(--alias-list-item-font-size-small);
}
[data-theme=default] {
  /* Dialog */
}
[data-theme=default] .MuiDialog-paper {
  border-radius: var(--alias-dialog-radius);
}

body,
body * {
  scrollbar-width: thin;
  scrollbar-color: var(--alias-scrollbar-color) var(--alias-scrollbar-bg);
}

/*** Components 공통 ***/
[data-theme=orkis] {
  --mui-palette-primary-main: #c84111;
  --mui-palette-primary-mainChannel: 200 65 17;
  --mui-palette-primary-light: #e86a75;
  --mui-palette-primary-lightChannel: 232 106 117;
  --mui-palette-primary-dark: #c25541;
  --mui-palette-primary-darkChannel: 194 85 65;
  --mui-palette-primary-contrastText: #ffffff;
  --mui-palette-primary-contrastTextChannel: 255 255 255;
  --mui-palette-secondary-main: #ec6b1a;
  --mui-palette-secondary-mainChannel: 236 107 26;
  --mui-palette-secondary-light: #ffb74d;
  --mui-palette-secondary-lightChannel: 255 183 77;
  --mui-palette-secondary-dark: #E55A28;
  --mui-palette-secondary-darkChannel: 229 90 40;
  --mui-palette-secondary-contrastText: #ffffff;
  --mui-palette-secondary-contrastTextChannel: 255 255 255;
  --mui-font-family: Noto Sans, Roboto, Noto Sans KR, sans-serif;
  --mui-font-size: 1rem;
  --primary: var(--mui-palette-primary-main);
  --primary-light: var(--mui-palette-primary-light);
  --primary-dark: var(--mui-palette-primary-dark);
  --primary-contrast: var(--mui-palette-primary-contrastText);
  --secondary: var(--mui-palette-secondary-main);
  --secondary-light: var(--mui-palette-secondary-light);
  --secondary-dark: var(--mui-palette-secondary-dark);
  --secondary-contrast: var(--mui-palette-secondary-contrastText);
  --error: var(--mui-palette-error-main);
  --error-light: var(--mui-palette-error-light);
  --error-dark: var(--mui-palette-error-dark);
  --warning: var(--mui-palette-warning-main);
  --warning-light: var(--mui-palette-warning-light);
  --warning-dark: var(--mui-palette-warning-dark);
  --info: var(--mui-palette-info-main);
  --info-light: var(--mui-palette-info-light);
  --info-dark: var(--mui-palette-info-dark);
  --success: var(--mui-palette-success-main);
  --success-light: var(--mui-palette-success-light);
  --success-dark: var(--mui-palette-success-dark);
  --text-color: var(--mui-palette-text-primary);
  --text-muted: var(--mui-palette-text-secondary);
  --text-faint: var(--mui-palette-text-disabled);
  --common-white: var(--mui-palette-common-white);
  --common-black: var(--mui-palette-common-black);
  --text-inverse: #ffffff;
  --text-primary: var(--primary);
  --text-secondary: var(--secondary);
  --text-error: var(--error);
  --text-warning: var(--warning);
  --text-info: var(--info);
  --text-success: var(--success);
  --font-size: var(--mui-font-size);
  --font-family: var(--mui-font-family);
  --bg-color: var(--mui-palette-background-default);
  --bg-paper: var(--mui-palette-background-paper);
  --bg-primary: var(--primary);
  --bg-secondary: var(--secondary);
  --bg-error: var(--error);
  --bg-warning: var(--warning);
  --bg-info: var(--info);
  --bg-success: var(--success);
  --bg-grey-100: var(--mui-palette-grey-100);
  --bg-grey-200: var(--mui-palette-grey-200);
  --bg-grey-300: var(--mui-palette-grey-300);
  --border-color: var(--mui-palette-divider);
  --border-grey: var(--mui-palette-grey-300);
  --state-hover: var(--mui-palette-action-hover);
  --state-selected: var(--mui-palette-action-selected);
  --state-disabled: var(--mui-palette-action-disabled);
  --state-focus: var(--mui-palette-action-focus);
  --grey-50: var(--mui-palette-grey-50);
  --grey-100: var(--mui-palette-grey-100);
  --grey-200: var(--mui-palette-grey-200);
  --grey-300: var(--mui-palette-grey-300);
  --grey-400: var(--mui-palette-grey-400);
  --grey-500: var(--mui-palette-grey-500);
  --grey-600: var(--mui-palette-grey-600);
  --grey-700: var(--mui-palette-grey-700);
  --grey-800: var(--mui-palette-grey-800);
  --grey-900: var(--mui-palette-grey-900);
  --shadow-sm: var(--mui-shadows-1);
  --shadow-card: var(--mui-shadows-2);
  --shadow-md: var(--mui-shadows-4);
  --shadow-dropdown: var(--mui-shadows-8);
  --shadow-lg: var(--mui-shadows-12);
  --shadow-modal: var(--mui-shadows-16);
  --shadow-login-card: var(--mui-shadows-24);
  --bg-surface: #ffffff;
  --bg-subtle: #f9f9fc;
  --btn-radius: 0.25rem;
  --btn-height: 2.5rem;
  --input-radius: 0.25rem;
  --input-height: 2.5rem;
  --chip-radius: 624.9375rem;
  --btn-bg: var(--primary);
  --btn-bg-hover: var(--primary-dark);
  --btn-bg-active: var(--primary-dark);
  --btn-text: var(--primary-contrast);
  --btn-danger-bg: var(--error);
  --btn-danger-bg-hover: var(--error-dark);
  --btn-danger-text: var(--common-white);
  --btn-border: var(--border-grey);
  --btn-disabled-bg: var(--bg-grey-200);
  --btn-disabled-text: var(--text-faint);
  --input-bg: var(--bg-color);
  --input-border: var(--border-grey);
  --input-border-hover: var(--border-color);
  --input-border-focus: var(--primary);
  --input-border-error: var(--error);
  --input-text: var(--text-color);
  --input-placeholder: var(--text-faint);
  --input-disabled-bg: var(--bg-grey-100);
  --card-bg: var(--bg-paper);
  --card-shadow: var(--shadow-card);
  --modal-bg: var(--bg-paper);
  --modal-shadow: var(--shadow-modal);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverse);
  --link-color: var(--primary);
  --link-hover: var(--primary-dark);
  --focus-ring-color: var(--primary);
  --transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --sidebar-width: 240px;
  --header-height: 64px;
  --page-padding: 24px;
  --config-default-size-pc: small;
  --config-default-size-mobile: medium;
  --component-size-xsmall: 1.625rem;
  --component-size-small: 1.875rem;
  --component-size-medium: 2.25rem;
  --component-size-large: 3rem;
  --component-size-xlarge: 3.5rem;
  --radius-xsmall: 0.25rem;
  --radius-small: 0.375rem;
  --radius-medium: 0.5rem;
  --radius-large: 0.75rem;
  --radius-xlarge: 1rem;
  --font-size-xsmall: 0.75rem;
  --font-size-small: 0.8125rem;
  --font-size-medium: 0.875rem;
  --font-size-large: 1rem;
  --font-size-xlarge: 1.25rem;
  --icon-size-small: 1.1875rem;
  --icon-size-medium: 1.5rem;
  --icon-size-large: 1.8125rem;
  --primitive-white: #FFFFFF;
  --primitive-black: #000000;
  --primitive-blue: #008BFF;
  --primitive-deepred: #FF4300;
  --primitive-green: #00FF7D;
  --primitive-orange: #FF6200;
  --primitive-purple: #FF00C0;
  --primitive-red: #FF2800;
  --primitive-yellow: #FFD600;
  --global-gray-light: var(--primitive-white);
  --global-gray-dark: var(--primitive-black);
  --global-gray-100: #9B9B9B;
  --global-gray-200: #818181;
  --global-gray-300: #787878;
  --global-gray-400: #666666;
  --global-gray-450: #5C5C5C;
  --global-gray-500: #575757;
  --global-gray-600: #4D4D4D;
  --global-gray-700: #333333;
  --global-gray-800: #2C2C2C;
  --global-gray-900: #1B1B1B;
  --global-grayA-100: #ADADAD;
  --global-grayA-300: #A3A3A3;
  --global-grayB-100: #BBBBBB;
  --global-grayB-200: #BABABA;
  --global-grayB-300: #B4B4B4;
  --global-grayB-400: #B3B3B3;
  --global-grayC-100: #CECECE;
  --global-grayC-200: #C0C0C0;
  --global-grayD-100: #DDDDDD;
  --global-grayD-200: #D9D9D9;
  --global-grayD-250: #D3D3D3;
  --global-grayD-300: #D0D0D0;
  --global-grayE-100: #EFEFEF;
  --global-grayE-200: #EAEAEA;
  --global-grayE-300: #E8E8E8;
  --global-grayE-450: #E5E5E5;
  --global-grayE-400: #E4E4E4;
  --global-grayE-500: #E1E1E1;
  --global-grayF-100: #FBFBFB;
  --global-grayF-200: #F7F7F7;
  --global-grayF-300: #F4F4F4;
  --global-grayF-400: #F2F2F2;
  --global-blue-400: #2792EC;
  --global-blue-500: #2D22FF;
  --global-blueGray-100: #F9F9FC;
  --global-blueGray-200: #F3F2F7;
  --global-blueGray-300: #EDF1F6;
  --global-blueGray-400: #CDD7E1;
  --global-blueGray-500: #D0D4D8;
  --global-darkBlue-100: #276FAA;
  --global-darkBlue-400: #323651;
  --global-darkBlue-500: #434865;
  --global-darkBlue-750: #2B2D35;
  --global-darkBlue-800: #21232B;
  --global-darkBlue-850: #1F2937;
  --global-darkBlue-900: #15161B;
  --global-darkBlue-950: #111827;
  --global-green-100: #BCCB9B;
  --global-green-150: #ACE15A;
  --global-green-200: #A4DE49;
  --global-green-300: #81CE5F;
  --global-green-350: #7EBB6A;
  --global-green-400: #72BC1B;
  --global-green-500: #52BF22;
  --global-green-600: #56830E;
  --global-darkGreen-100: #318331;
  --global-orange-100: #FFB74D;
  --global-orange-200: #FFA629;
  --global-orange-250: #D89055;
  --global-orange-300: #EB8C51;
  --global-orange-400: #EC6B1A;
  --global-orange-500: #E55A28;
  --global-orange-600: #C26025;
  --global-orange-700: #9E4D1B;
  --global-orangeGray-100: #EEE7D8;
  --global-orangeGray-200: #CEC1AF;
  --global-orangeGray-300: #B8AA96;
  --global-purple-300: #CE7CCE;
  --global-purple-400: #E52AB7;
  --global-purple-500: #B93EDC;
  --global-darkPurple-100: #814495;
  --global-red-300: #E86A75;
  --global-red-400: #FF1D17;
  --global-red-500: #DE0719;
  --global-deepRed-100: #C25541;
  --global-deepRed-200: #C84111;
  --global-yellowGray-100: #F7F6F0;
  --global-yellowGray-200: #EEECE1;
  --global-yellowGray-210: #EEE7D8;
  --global-yellowGray-250: #E4E1CA;
  --global-yellowGray-300: #DEDAC5;
  --global-yellowGray-350: #DBD9D1;
  --global-yellowGray-400: #D5D0B4;
  --global-yellowGray-500: #CDC9AE;
  --global-yellowGray-600: #BCB79A;
  --global-lightYellow-100: #FDF9EB;
  --alias-scrollbar-bg: var(--global-gray-light);
  --alias-scrollbar-color: var(--global-gray-100);
  --alias-info-color: var(--global-blue-400);
  --alias-accent-color: var(--global-orange-400);
  --alias-error-color: var(--global-deepRed-200);
  --alias-success-color: var(--global-green-400);
  --alias-warning-color: var(--global-orange-400);
  --alias-accordion-gap: 0.625rem;
  --alias-accordion-radius: var(--radius-small);
  --alias-accordion-heading-margin: 0.5rem;
  --alias-accordion-heading-height-small: calc(var(--component-size-large) + 0.25rem);
  --alias-accordion-heading-height-medium: calc(var(--component-size-xlarge) + 0.25rem);
  --alias-accordion-heading-font-size-small: var(--font-size-large);
  --alias-accordion-heading-font-size-medium: var(--font-size-large);
  --alias-accordion-heading-icon-size-small: var(--icon-size-small);
  --alias-accordion-heading-icon-size-medium: var(--icon-size-small);
  --alias-accordion-expand-icon-size-small: calc(var(--icon-size-medium) - 0.0625rem);
  --alias-accordion-expand-icon-size-medium: calc(var(--icon-size-medium) - 0.0625rem);
  --alias-accordion-bg: var(--global-yellowGray-200);
  --alias-accordion-icon: var(--global-gray-300);
  --alias-accordion-active-icon: var(--alias-common-link-primary);
  --alias-accordion-line: var(--global-grayC-200);
  --alias-accordion-text: var(--global-gray-700);
  --alias-accordion-title: var(--global-gray-800);
  --alias-accordion-border: var(--global-grayE-450);
  --alias-accordion-expand-icon: var(--alias-accordion-active-icon);
  --alias-accordion-expand-bg: var(--global-gray-light);
  --alias-accordion-expand-border: var(--global-yellowGray-600);
  --alias-accordion-shadow: var(--mui-shadows-1);
  --alert-radius: var(--radius-medium);
  --alias-btn-height-xsmall: var(--component-size-xsmall);
  --alias-btn-height-small: var(--component-size-small);
  --alias-btn-height-medium: var(--component-size-medium);
  --alias-btn-height-large: var(--component-size-large);
  --alias-btn-radius-xsmall: var(--radius-small);
  --alias-btn-radius-small: var(--radius-small);
  --alias-btn-radius-medium: var(--radius-small);
  --alias-btn-radius-large: var(--radius-medium);
  --alias-btn-font-size-xsmall: var(--font-size-xsmall);
  --alias-btn-font-size-small: var(--font-size-small);
  --alias-btn-font-size-medium: var(--font-size-medium);
  --alias-btn-font-size-large: var(--font-size-large);
  --alias-btn-icon-size-xsmall: var(--icon-size-xsmall);
  --alias-btn-icon-size-small: var(--icon-size-small);
  --alias-btn-icon-size-medium: var(--icon-size-medium);
  --alias-btn-icon-size-large: var(--icon-size-large);
  --alias-btn-padding-xsmall: 0.75rem;
  --alias-btn-padding-small: 0.875rem;
  --alias-btn-padding-medium: 1.125rem;
  --alias-btn-padding-large: 1.375rem;
  --alias-btn-bg: var(--global-gray-light);
  --alias-btn-light-bg: var(--global-grayE-300);
  --alias-btn-border: var(--global-grayD-300);
  --alias-btn-disabled-bg: var(--global-grayE-500);
  --alias-btn-hover-bg: var(--global-grayE-100);
  --alias-btn-icon: var(--global-gray-700);
  --alias-btn-text: var(--global-gray-700);
  --alias-btn-orange-bg: var(--global-orange-400);
  --alias-btn-orange-disabled-bg: var(--global-orange-600);
  --alias-btn-orange-hover-bg: var(--global-orange-500);
  --alias-btn-orange-icon: var(--global-gray-light);
  --alias-btn-orange-text: var(--global-gray-light);
  --alias-checkbox-height-small: var(--component-size-small);
  --alias-checkbox-height-medium: var(--component-size-medium);
  --alias-checkbox-height-large: var(--component-size-large);
  --alias-checkbox-font-size-small: var(--font-size-small);
  --alias-checkbox-font-size-medium: var(--font-size-medium);
  --alias-checkbox-font-size-large: var(--font-size-large);
  --alias-chip-height-xsmall: var(--component-size-xsmall);
  --alias-chip-height-small: var(--component-size-small);
  --alias-chip-height-medium: var(--component-size-medium);
  --alias-chip-height-large: var(--component-size-large);
  --alias-chip-font-size-xsmall: var(--font-size-xsmall);
  --alias-chip-font-size-small: var(--font-size-small);
  --alias-chip-font-size-medium: var(--font-size-medium);
  --alias-chip-font-size-large: var(--font-size-large);
  --alias-chip-padding-xsmall: 0.25rem;
  --alias-chip-padding-small: 0.375rem;
  --alias-chip-padding-medium: 0.5rem;
  --alias-chip-padding-large: 0.625rem;
  --alias-chip-label-padding-xsmall: 0.4375rem;
  --alias-chip-label-padding-small: 0.5rem;
  --alias-chip-label-padding-medium: 0.625rem;
  --alias-chip-label-padding-large: 0.75rem;
  --alias-chip-bg: var(--global-gray-light);
  --alias-chip-border: var(--global-grayD-300);
  --alias-chip-btn: var(--global-grayB-300);
  --alias-chip-icon: var(--global-gray-600);
  --alias-chip-select-bg: var(--global-orange-400);
  --alias-chip-select-gray-bg: var(--global-grayE-100);
  --alias-chip-select-icon: var(--global-gray-light);
  --alias-chip-select-text: var(--global-gray-light);
  --alias-chip-text: var(--global-gray-700);
  --alias-dialog-radius: var(--radius-large);
  --alias-dialog-title-padding: 0.5rem;
  --alias-dialog-actions-padding: 0.5rem;
  --alias-formField-height-xsmall: var(--component-size-xsmall);
  --alias-formField-height-small: var(--component-size-small);
  --alias-formField-height-medium: var(--component-size-medium);
  --alias-formField-height-large: var(--component-size-large);
  --alias-formField-margin: 0.375rem;
  --alias-formField-component-gap: 0.5rem;
  --alias-heading1: var(--global-gray-900);
  --alias-heading2: var(--global-gray-800);
  --alias-heading3: var(--global-gray-700);
  --alias-icon-btn-width-xsmall: var(--component-size-xsmall);
  --alias-icon-btn-height-xsmall: var(--component-size-xsmall);
  --alias-icon-btn-width-small: var(--component-size-small);
  --alias-icon-btn-height-small: var(--component-size-small);
  --alias-icon-btn-width-medium: var(--component-size-medium);
  --alias-icon-btn-height-medium: var(--component-size-medium);
  --alias-icon-btn-width-large: var(--component-size-large);
  --alias-icon-btn-height-large: var(--component-size-large);
  --alias-input-height-xsmall: var(--component-size-xsmall);
  --alias-input-height-small: var(--component-size-small);
  --alias-input-height-medium: var(--component-size-medium);
  --alias-input-height-large: var(--component-size-large);
  --alias-input-radius-xsmall: var(--radius-small);
  --alias-input-radius-small: var(--radius-small);
  --alias-input-radius-medium: var(--radius-small);
  --alias-input-radius-large: var(--radius-medium);
  --alias-input-font-size-xsmall: var(--font-size-xsmall);
  --alias-input-font-size-small: var(--font-size-small);
  --alias-input-font-size-medium: var(--font-size-medium);
  --alias-input-font-size-large: var(--font-size-large);
  --alias-input-icon-size-xsmall: var(--icon-size-xsmall);
  --alias-input-icon-size-small: var(--icon-size-small);
  --alias-input-icon-size-medium: var(--icon-size-medium);
  --alias-input-icon-size-large: var(--icon-size-large);
  --alias-input-padding: 0.875rem;
  --alias-input-border: var(--global-grayD-300);
  --alias-input-bg: var(--global-gray-light);
  --alias-input-disabled-bg: var(--global-grayE-500);
  --alias-input-hover-bg: var(--global-grayE-100);
  --alias-input-icon: var(--global-gray-600);
  --alias-input-placeholder: var(--global-gray-100);
  --alias-input-text: var(--alias-common-body-text);
  --alias-input-autofill-bg: var(--global-gray-light);
  --alias-label-height-xsmall: var(--component-size-xsmall);
  --alias-label-height-small: var(--component-size-small);
  --alias-label-height-medium: var(--component-size-medium);
  --alias-label-height-large: var(--component-size-large);
  --alias-label-font-size-xsmall: var(--font-size-xsmall);
  --alias-label-font-size-small: var(--font-size-small);
  --alias-label-font-size-medium: var(--font-size-medium);
  --alias-label-font-size-large: var(--font-size-large);
  --alias-label-asterisk-color: var(--global-deepRed-200);
  --alias-list-item-height-small: var(--component-size-small);
  --alias-list-item-height-medium: var(--component-size-medium);
  --alias-list-item-height-large: var(--component-size-large);
  --alias-list-item-font-size-small: var(--font-size-small);
  --alias-list-item-font-size-medium: var(--font-size-medium);
  --alias-list-item-font-size-large: var(--font-size-large);
  --alias-list-item-depth-indent: 2.25rem;
  --alias-paper-radius: var(--radius-medium);
  --alias-paper-border-color: var(--global-grayE-450);
  --alias-popup-bg: var(--global-gray-light);
  --alias-popup-border: var(--global-gray-light);
  --alias-popup-collapse-contents-bg: var(--global-gray-light);
  --alias-popup-collapse-contents-dark-bg: var(--global-yellowGray-200);
  --alias-popup-collapse-icon: var(--global-gray-700);
  --alias-popup-collapse-line: var(--global-yellowGray-600);
  --alias-popup-collapse-text: var(--global-gray-700);
  --alias-popup-collapse-title: var(--global-gray-800);
  --alias-popup-icon: var(--global-gray-800);
  --alias-popup-text: var(--global-gray-800);
  --alias-popup-title: var(--alias-heading2);
  --alias-popup-title-descript: var(--global-gray-400);
  --alias-popup-footer-bg: var(--global-yellowGray-100);
  --alias-radio-height-small: var(--component-size-small);
  --alias-radio-height-medium: var(--component-size-medium);
  --alias-radio-height-large: var(--component-size-large);
  --alias-radio-font-size-small: var(--font-size-small);
  --alias-radio-font-size-medium: var(--font-size-medium);
  --alias-radio-font-size-large: var(--font-size-large);
  --alias-select-height-xsmall: var(--component-size-xsmall);
  --alias-select-height-small: var(--component-size-small);
  --alias-select-height-medium: var(--component-size-medium);
  --alias-select-height-large: var(--component-size-large);
  --alias-select-radius-xsmall: var(--radius-small);
  --alias-select-radius-small: var(--radius-small);
  --alias-select-radius-medium: var(--radius-medium);
  --alias-select-radius-large: var(--radius-large);
  --alias-select-font-size-xsmall: var(--font-size-xsmall);
  --alias-select-font-size-small: var(--font-size-small);
  --alias-select-font-size-medium: var(--font-size-medium);
  --alias-select-font-size-large: var(--font-size-large);
  --alias-select-border: var(--global-blueGray-400);
  --alias-select-bg: var(--global-gray-light);
  --alias-select-disabled-bg: var(--global-grayE-500);
  --alias-select-hover-bg: var(--global-grayE-100);
  --alias-select-icon: var(--global-gray-600);
  --alias-select-placeholder: var(--global-gray-100);
  --alias-select-text: var(--alias-common-body-text);
  --alias-tab-line: var(--global-grayE-500);
  --alias-tab-menu-select-line: var(--global-gray-900);
  --alias-tab-menu-select-text: var(--global-gray-700);
  --alias-tab-menu-text: var(--global-gray-100);
  --alias-tab-menu-hover-text: var(--global-gray-300);
  --alias-table-line: var(--global-yellowGray-500);
  --alias-table-body-bg: var(--global-yellowGray-100);
  --alias-table-body-icon: var(--global-gray-300);
  --alias-table-body-select-bg: var(--global-gray-light);
  --alias-table-body-text: var(--global-gray-700);
  --alias-table-header-bg: var(--global-yellowGray-200);
  --alias-table-header-text: var(--global-gray-800);
  --alias-table-sum-bg: var(--global-gray-light);
  --alias-table-sum-btn-bg: var(--global-lightYellow-100);
  --alias-table-sum-btn-border: var(--global-yellowGray-300);
  --alias-table-sum-light-text: var(--alias-sum-light-text);
  --alias-table-sum-text: var(--alias-sum-text);
  --alias-table-text: var(--global-gray-700);
  --alias-table2-body-bg: var(--global-gray-light);
  --alias-table2-body-text: var(--global-gray-700);
  --alias-table2-header-bg: var(--global-gray-light);
  --alias-table2-header-text: var(--global-gray-900);
  --alias-table2-input-bg: var(--global-yellowGray-100);
  --alias-text1: var(--global-gray-800);
  --alias-text2: var(--global-gray-700);
  --alias-text3: var(--global-gray-400);
  --alias-textarea-bg: var(--global-orangeGray-100);
  --alias-textarea-btn-bg: var(--global-gray-light);
  --alias-textarea-btn-icon: var(--global-gray-800);
  --alias-textarea-text: var(--global-gray-800);
  --alias-textarea-text-blue: var(--global-darkBlue-100);
  --alias-textarea-text-green: var(--global-darkGreen-100);
  --alias-textarea-text-purple: var(--global-darkPurple-100);
  --alias-toast-default-bg: var(--global-green-400);
  --alias-toast-fail-bg: var(--global-purple-400);
  --alias-toast-icon: var(--global-gray-light);
  --alias-toast-success-bg: var(--global-blue-400);
  --alias-toast-text: var(--global-gray-light);
  --alias-toast-warning-bg: var(--global-orange-400);
  --alias-common-body-bg: var(--global-yellowGray-100);
  --alias-common-body-text: var(--global-gray-800);
  --alias-common-icon: var(--global-grayB-100);
  --alias-common-active-icon: var(--global-orange-400);
  --alias-common-link-primary: var(--global-blue-400);
  --alias-common-link-secondary: var(--global-deepRed-200);
  --alias-left-bg: var(--global-gray-light);
  --alias-left-btn-add-bg: var(--global-gray-light);
  --alias-left-btn-add-icon: var(--alias-common-active-icon);
  --alias-left-btn-add-text: var(--global-gray-900);
  --alias-left-btn-more-border: var(--global-grayD-100);
  --alias-left-dashbox-border: var(--global-grayD-200);
  --alias-left-dashbox-icon: var(--global-gray-800);
  --alias-left-dashbox-text: var(--global-gray-700);
  --alias-left-icon: var(--global-gray-800);
  --alias-left-list-hover-bg: var(--global-grayE-100);
  --alias-left-list-icon: var(--alias-common-icon);
  --alias-left-list-active-icon: var(--alias-common-active-icon);
  --alias-left-list-text: var(--global-gray-900);
  --alias-left-text: var(--global-gray-800);
  --alias-right-bg: var(--alias-common-body-bg);
  --alias-right-border: var(--alias-common-body-bg);
  --alias-right-chip-icon: var(--global-grayC-200);
  --alias-right-chip-active-icon: var(--alias-common-active-icon);
  --alias-right-contents-bg: var(--global-gray-light);
  --alias-right-contents-border: var(--global-gray-light);
  --alias-right-contents-dark-bg: var(--global-yellowGray-200);
  --alias-right-contents-dark-label: var(--global-gray-400);
  --alias-right-contents-icon: var(--global-gray-700);
  --alias-right-contents-label: var(--global-gray-100);
  --alias-right-contents-light-bg: var(--alias-common-body-bg);
  --alias-right-contents-line: var(--global-blueGray-500);
  --alias-right-contents-text: var(--global-gray-700);
  --alias-right-contents-type-bg: var(--global-gray-light);
  --alias-right-contents-type-border: var(--global-grayD-300);
  --alias-right-heading-icon: var(--global-gray-800);
  --alias-right-heading1: var(--alias-heading1);
  --alias-right-heading2: var(--alias-heading2);
  --alias-right-heading3: var(--alias-heading3);
  --alias-right-line: var(--global-gray-300);
  --alias-right-profile-icon: var(--global-gray-light);
  --alias-right-profile-icon-bg: var(--global-gray-600);
  --alias-right-profile-icon-border: var(--global-gray-light);
  --alias-top-bg: var(--global-yellowGray-100);
  --alias-top-btn-icon: var(--alias-btn-icon);
  --alias-top-btn-text: var(--alias-button-text);
  --alias-top-state-bg: var(--global-yellowGray-200);
  --alias-top-state-border: var(--global-yellowGray-200);
  --alias-top-state-line: var(--global-blueGray-500);
  --alias-top-state-text: var(--alias-common-body-text);
  --alias-authority-bg: var(--global-yellowGray-200);
  --alias-authority-mode-normal-bg: var(--global-orange-400);
  --alias-authority-mode-pro-bg: var(--global-purple-500);
  --alias-authority-mode-text: var(--global-gray-light);
  --alias-authority-select-bg: var(--global-gray-light);
  --alias-authority-select-border: var(--global-orange-400);
  --alias-authority-select-icon: var(--global-deepRed-200);
  --alias-authority-text: var(--global-gray-300);
  --alias-authority-title: var(--global-gray-800);
  --alias-category-chip-border: var(--global-grayD-100);
  --alias-category-chip-bg: var(--global-gray-light);
  --alias-category-chip-text: var(--global-gray-light);
  --alias-category-chip-select-border: var(--global-orange-500);
  --alias-category-chip-select-bg: var(--global-orange-500);
  --alias-category-chip-select-text: var(--global-gray-light);
  --alias-chatting-avatar-bg: var(--global-yellowGray-250);
  --alias-chatting-answer-bg: var(--global-gray-light);
  --alias-chatting-bg: var(--global-gray-light);
  --alias-chatting-icon: var(--alias-common-body-text);
  --alias-chatting-question-bg: var(--global-yellowGray-350);
  --alias-chatting-question-text: var(--global-gray-light);
  --alias-chatting-text: var(--alias-common-body-text);
  --alias-chatting-title: var(--alias-heading2);
  --alias-chatting-history-sum-text: var(--alias-sum-light-text);
  ---"alias-database-bg": var(--global-gray-light);
  --alias-database-select-bg: var(--global-yellowGray-100);
  --alias-database-border: var(--global-grayE-400);
  --alias-database-image-bg: var(--global-gray-light);
  --alias-database-text: var(--global-gray-800);
  --alias-keyword-bg: var(--alias-right-contents-dark-bg);
  --alias-keyword-icon: var(--alias-right-chip-icon);
  --alias-keyword-active-icon: var(--alias-right-chip-active-icon);
  --alias-keyword-dark-icon: var(--global-gray-700);
  --alias-keyword-accent-icon: var(--global-gray-light);
  --alias-keyword-accent-icon-bg: var(--alias-accent-color);
  --alias-keyword-chip-border: var(--global-grayD-300);
  --alias-keyword-chip-bg: var(--global-gray-light);
  --alias-keyword-chip-text: var(--global-gray-600);
  --alias-link-color: var(--global-gray-800);
  --alias-member-bg: var(--global-grayF-400);
  --alias-member-btn-red-bg: var(--global-deepRed-200);
  --alias-member-btn-red-text: var(--global-gray-light);
  --alias-member-checkbox-bg: var(--global-gray-light);
  --alias-member-checkbox-border: var(--global-orange-700);
  --alias-member-checkbox-icon: var(--global-gray-light);
  --alias-member-checkbox-select-bg: var(--global-orange-600);
  --alias-member-descript: var(--global-gray-400);
  --alias-member-label: var(--global-gray-700);
  --alias-member-line: var(--global-grayC-200);
  --alias-member-link: var(--global-gray-800);
  --alias-member-loginbtn-bg: var(--alias-button-bg);
  --alias-member-loginbtn-border: var(--global-grayE-500);
  --alias-member-loginbtn-text: var(--alias-button-text);
  --alias-member-point: var(--global-red-400);
  --alias-member-text: var(--global-gray-400);
  --alias-notice-bg: var(--global-yellowGray-200);
  --alias-notice-expand-bg: var(--global-gray-light);
  --alias-notice-icon: var(--global-gray-900);
  --alias-notice-expand-icon: var(--global-gray-200);
  --alias-notice-unread-icon: var(--global-orange-400);
  --alias-notice-light-text: var(--global-gray-100);
  --alias-notice-line: var(--global-blueGray-500);
  --alias-notice-text: var(--global-gray-800);
  --alias-notice-link: var(--global-gray-800);
  --alias-notice-status-pending: var(--alias-accent-color);
  --alias-notice-status-progress: var(--alias-info-color);
  --alias-notice-status-answer: var(--alias-success-color);
  --alias-notice-status-cancel: var(--alias-error-color);
  --alias-payment-bg: var(--global-yellowGray-200);
  --alias-payment-box-bg: var(--global-gray-light);
  --alias-payment-btn-green-bg: var(--global-green-150);
  --alias-payment-btn-orange-bg: var(--global-orangeGray-200);
  --alias-payment-dark-bg: var(--global-yellowGray-300);
  --alias-payment-green-point: var(--global-green-600);
  --alias-payment-icon: var(--global-gray-900);
  --alias-payment-line: var(--global-grayD-200);
  --alias-payment-red-point: var(--global-red-500);
  --alias-payment-switch-bg: var(--global-gray-light);
  --alias-payment-switch-select-bg: var(--global-orange-200);
  --alias-payment-switch-text: var(--global-gray-900);
  --alias-payment-text: var(--global-gray-900);
  --alias-payment-tip-bg: var(--global-gray-dark);
  --alias-payment-tip-text: var(--global-gray-light);
  --alias-process-bg: var(--global-gray-light);
  --alias-process-icon-bg: var(--global-gray-light);
  --alias-process-bar-bg: var(--global-yellowGray-200);
  --alias-process-bar-hover-bg: var(--global-yellowGray-250);
  --alias-process-bar-ratio-bg: var(--global-yellowGray-600);
  --alias-process-bar-ratio-text: var(--global-gray-light);
  --alias-process-bar-text: var(--global-gray-800);
  --alias-process-bar-light-text: var(--global-gray-light);
  --alias-process-result-bg: var(--global-yellowGray-210);
  --alias-process-fail: var(--global-red-500);
  --alias-process-fail-light: var(--global-red-300);
  --alias-process-normal: var(--global-gray-450);
  --alias-process-normal-light: var(--global-grayA-100);
  --alias-process-point: var(--global-orange-400);
  --alias-process-success: var(--global-green-500);
  --alias-process-success-light: var(--global-green-300);
  --alias-process-text: var(--global-gray-900);
  --alias-process-warning: var(--global-orange-500);
  --alias-process-warning-light: var(--global-orange-300);
  --alias-chatting-input-bg: var(--global-gray-light);
  --alias-chatting-input-border: var(--global-grayB-200);
  --alias-chatting-input-btn-bg: var(--global-deepRed-200);
  --alias-chatting-input-btn-text: var(--global-gray-light);
  --alias-chatting-input-chip-text: var(--global-blue-400);
  --alias-chatting-input-dropdown-bg: var(--global-gray-light);
  --alias-chatting-input-dropdown-hover-bg: var(--global-yellowGray-100);
  --alias-chatting-input-dropdown-select-bg: var(--global-yellowGray-100);
  --alias-chatting-input-dropdown-icon: var(--global-grayD-200);
  --alias-chatting-input-dropdown-select-icon: var(--global-deepRed-200);
  --alias-chatting-input-dropdown-text: var(--global-gray-200);
  --alias-chatting-input-dropdown-title: var(--global-gray-800);
  --alias-chatting-input-list-icon: var(--alias-chip-btn);
  --alias-chatting-input-icon: var(--alias-btn-icon);
  --alias-chatting-input-icon-light: var(--global-grayB-300);
  --alias-chatting-input-icon-bg: var(--global-grayE-100);
  --alias-chatting-input-text: var(--alias-btn-text);
  --alias-chatting-input-thum-text: var(--global-blue-400);
  --alias-chatting-input-area-bg: var(--global-yellowGray-100);
  --alias-searchfield-count: var(--global-gray-900);
  --alias-searchfield-label: var(--global-gray-800);
  --alias-setting-bg: var(--global-yellowGray-200);
  --alias-setting-light-bg: var(--global-yellowGray-100);
  --alias-setting-expand-bg: var(--global-gray-light);
  --alias-setting-userinfo-badge: var(--global-gray-light);
  --alias-setting-userinfo-badge-bg: var(--global-gray-600);
  --alias-setting-userinfo-line: var(--alias-right-contents-line);
  --alias-setting-database-line: var(--alias-right-contents-line);
  --alias-setting-rag-bg: var(--alias-setting-light-bg);
  --alias-sum-light-text: var(--global-gray-400);
  --alias-sum-text: var(--global-gray-800);
  --alias-support-tab-text: var(--global-gray-700);
  --alias-support-tab-active-text: var(--global-orange-400);
  --alias-support-tab-line: var(--alias-right-contents-line);
  --alias-support-tab-active-line: var(--global-orange-400);
  --alias-main-bg: var(--global-yellowGray-100);
  --alias-main-desc-border: var(--global-grayE-400);
  --alias-main-desc-text: var(--global-gray-500);
  --alias-main-desc-text-gray: var(--global-grayB-400);
  --alias-main-recommand-list-bg-hover: var(--global-gray-dark);
  --alias-main-recommand-list-bg: var(--global-yellowGray-200);
  --alias-main-recommand-list-border: var(--global-yellowGray-200);
  --alias-main-recommand-list-icon: var(--global-gray-700);
  --alias-main-recommand-list-point: var(--global-orange-400);
  --alias-main-recommand-list-text: var(--global-gray-700);
  --alias-main-recommand-chip-hover-bg: var(--global-gray-dark);
  --alias-main-recommand-chip-select-bg: var(--global-gray-light);
  --alias-main-recommand-chip-bg: var(--global-yellowGray-200);
  --alias-main-recommand-chip-border: var(--global-yellowGray-200);
  --alias-main-recommand-chip-icon: var(--global-gray-700);
  --alias-main-recommand-chip-point: var(--global-deepRed-200);
  --alias-main-recommand-chip-text: var(--global-gray-700);
  /*** Components 재정의 (MUI 기본형) ***/
  /* Touch Ripple */
}
[data-theme=orkis] .MuiTouchRipple-root {
  border-radius: inherit;
}
[data-theme=orkis] .MuiTouchRipple-root span {
  border-radius: inherit;
}
[data-theme=orkis] {
  /* Components with Label */
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root) .MuiFormLabel-root {
  top: 50%;
  transform: translate(var(--alias-input-padding), -50%) scale(1);
  transition: all 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root) .MuiFormLabel-root.Mui-focused, [data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root) .MuiFormLabel-root.MuiFormLabel-filled {
  top: 0;
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root):has(.MuiInputAdornment-root) .MuiTypography-root {
  font-size: inherit;
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root):has(.MuiInputAdornment-root):has(.MuiInputAdornment-positionStart) .MuiFormLabel-root {
  top: 0;
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root):has(.MuiFormHelperText-root) .MuiFormHelperText-root {
  position: absolute;
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall] .MuiFormLabel-root {
  font-size: var(--font-size-small);
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall] .MuiFormLabel-root.Mui-focused, [data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall] .MuiFormLabel-root.MuiFormLabel-filled {
  transform: translate(var(--alias-input-padding), calc(var(--font-size-small) * 1.0625 / -2)) scale(0.75);
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall]:has(.MuiInputAdornment-root):has(.MuiInputAdornment-positionStart) .MuiFormLabel-root {
  transform: translate(var(--alias-input-padding), calc(var(--font-size-small) * 1.0625 / -2)) scale(0.75);
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall]:has(.MuiFormHelperText-root) {
  margin-bottom: calc(var(--font-size-small) * 1.66 + 0.25rem);
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeSmall]:has(.MuiFormHelperText-root) .MuiFormHelperText-root {
  bottom: calc((var(--font-size-small) * 1.66 + 0.25rem) * -1);
  font-size: var(--font-size-small);
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium] .MuiFormLabel-root {
  font-size: var(--font-size-medium);
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium] .MuiFormLabel-root.Mui-focused, [data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium] .MuiFormLabel-root.MuiFormLabel-filled {
  transform: translate(var(--alias-input-padding), calc(var(--font-size-medium) * 1.0625 / -2)) scale(0.75);
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium]:has(.MuiInputAdornment-root):has(.MuiInputAdornment-positionStart) .MuiFormLabel-root {
  transform: translate(var(--alias-input-padding), calc(var(--font-size-medium) * 1.0625 / -2)) scale(0.75);
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium]:has(.MuiFormHelperText-root) {
  margin-bottom: calc(var(--font-size-medium) * 1.66 + 0.25rem);
}
[data-theme=orkis] .MuiFormControl-root:has(.MuiOutlinedInput-root)[class*=sizeMedium]:has(.MuiFormHelperText-root) .MuiFormHelperText-root {
  bottom: calc((var(--font-size-medium) * 1.66 + 0.25rem) * -1);
  font-size: var(--font-size-medium);
}
[data-theme=orkis] {
  /* Paper */
}
[data-theme=orkis] .MuiPaper-root.MuiPaper-rounded {
  border-radius: 0.5rem;
}
[data-theme=orkis] .MuiPaper-root.MuiPopover-paper {
  box-shadow: 0 3px 10px 5px rgba(0, 0, 0, 0.12) !important;
}
[data-theme=orkis] {
  /* Icon */
}
[data-theme=orkis] .MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall {
  font-size: var(--icon-size-small);
}
[data-theme=orkis] .MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium {
  font-size: var(--icon-size-medium);
}
[data-theme=orkis] .MuiSvgIcon-root.MuiSvgIcon-fontSizeLarge {
  font-size: var(--icon-size-large);
}
[data-theme=orkis] {
  /* List */
}
[data-theme=orkis] .MuiMenu-list .MuiMenuItem-root {
  gap: 4px;
  min-height: var(--alias-list-item-height-small);
  font-size: var(--alias-list-item-font-size-small);
}
[data-theme=orkis] {
  /* Dialog */
}
[data-theme=orkis] .MuiDialog-paper {
  border-radius: var(--alias-dialog-radius);
}
[data-theme=orkis] {
  /*** Components 재정의 (Theme 적용) ***/
  /* Accodion */
}
[data-theme=orkis] .Accordion__base {
  border-bottom: 1px solid var(--alias-accordion-border);
}
[data-theme=orkis] .Accordion__base::before {
  display: none;
}
[data-theme=orkis] .Accordion__base .Accordion__summary {
  color: var(--alias-accordion-title);
}
[data-theme=orkis] .Accordion__base .Accordion__summary .MuiAccordionSummary-content {
  margin: 0;
}
[data-theme=orkis] .Accordion__base .Accordion__summary .MuiAccordionSummary-content .Accordion__icon .MuiSvgIcon-root {
  font-size: inherit;
}
[data-theme=orkis] .Accordion__base .Accordion__summary .MuiAccordionSummary-content .Accordion__title .MuiTypography-root {
  font-size: inherit;
  font-weight: 600;
}
[data-theme=orkis] .Accordion__base .Accordion__summary .MuiAccordionSummary-expandIconWrapper {
  color: var(--alias-accordion-icon);
}
[data-theme=orkis] .Accordion__base .Accordion__summary .MuiAccordionSummary-expandIconWrapper .MuiSvgIcon-root {
  font-size: inherit;
  color: inherit;
}
[data-theme=orkis] .Accordion__base[class*=sizeSmall] .Accordion__summary .MuiAccordionSummary-content .Accordion__icon {
  font-size: var(--alias-accordion-heading-icon-size-small);
}
[data-theme=orkis] .Accordion__base[class*=sizeSmall] .Accordion__summary .MuiAccordionSummary-content .Accordion__title {
  font-size: var(--alias-accordion-heading-font-size-small);
}
[data-theme=orkis] .Accordion__base[class*=sizeSmall] .Accordion__summary .MuiAccordionSummary-expandIconWrapper {
  font-size: var(--alias-accordion-expand-icon-size-small);
}
[data-theme=orkis] .Accordion__base[class*=sizeMedium] .Accordion__summary .MuiAccordionSummary-content .Accordion__icon {
  font-size: var(--alias-accordion-heading-icon-size-medium);
}
[data-theme=orkis] .Accordion__base[class*=sizeMedium] .Accordion__summary .MuiAccordionSummary-content .Accordion__title {
  font-size: var(--alias-accordion-heading-font-size-medium);
}
[data-theme=orkis] .Accordion__base[class*=sizeMedium] .Accordion__summary .MuiAccordionSummary-expandIconWrapper {
  font-size: var(--alias-accordion-expand-icon-size-medium);
}
[data-theme=orkis] .Accordion__base.Accordion__outlined {
  border-left: 1px solid var(--alias-accordion-border);
  border-right: 1px solid var(--alias-accordion-border);
}
[data-theme=orkis] .Accordion__base.Accordion__outlined:first-of-type {
  border-top: 1px solid var(--alias-accordion-border);
}
[data-theme=orkis] .Accordion__base.Accordion__outlined:last-of-type {
  border-bottom: 1px solid var(--alias-accordion-border);
}
[data-theme=orkis] .Accordion__base.Accordion__boxType {
  border-radius: var(--alias-accordion-radius);
  border: 1px solid transparent;
  background-color: var(--alias-accordion-bg);
}
[data-theme=orkis] .Accordion__base.Accordion__boxType.Mui-expanded {
  padding-top: var(--alias-accordion-heading-margin);
  padding-bottom: var(--alias-accordion-heading-margin);
  border-color: var(--alias-accordion-expand-border);
  background-color: var(--alias-accordion-expand-bg);
}
[data-theme=orkis] .Accordion__base.Accordion__boxType + .Accordion__boxType {
  margin-top: var(--alias-accordion-gap);
}
[data-theme=orkis] {
  /* Button */
}
[data-theme=orkis] .Button__base {
  min-width: auto;
  line-height: normal;
}
[data-theme=orkis] .Button__base.MuiButton-contained.Mui-disabled {
  border-color: var(--alias-btn-border);
  background-color: var(--alias-btn-disabled-bg);
  color: var(--alias-btn-text);
}
[data-theme=orkis] .Button__base.MuiButton-outlined {
  border-color: var(--alias-btn-border);
  background-color: var(--alias-btn-bg);
}
[data-theme=orkis] .Button__base.MuiButton-outlined:hover {
  background-color: var(--alias-btn-hover-bg);
}
[data-theme=orkis] .Button__base.MuiButton-outlined.Mui-disabled {
  border-color: var(--alias-btn-border);
  background-color: var(--alias-btn-disabled-bg);
  color: var(--alias-btn-text);
}
[data-theme=orkis] .Button__base.MuiButton-text {
  background-color: transparent;
}
[data-theme=orkis] .Button__base.MuiButton-text:hover {
  background-color: var(--alias-btn-hover-bg);
}
[data-theme=orkis] .Button__base.Mui-disabled {
  opacity: 0.45;
}

[data-theme=dark] {
  --mui-palette-text-primary: #e0e0e0;
  --mui-palette-text-primaryChannel: 224 224 224;
  --mui-palette-text-secondary: #b0b0b0;
  --mui-palette-text-secondaryChannel: 176 176 176;
  --mui-palette-text-disabled: #757575;
  --mui-palette-text-disabledChannel: 117 117 117;
  --mui-palette-background-default: #121212;
  --mui-palette-background-defaultChannel: 18 18 18;
  --mui-palette-background-paper: #1e1e1e;
  --mui-palette-divider: rgba(255, 255, 255, 0.12);
  --mui-palette-dividerChannel: 255 255 255;
  --mui-palette-action-active: rgba(255, 255, 255, 0.7);
  --mui-palette-action-hover: rgba(255, 255, 255, 0.08);
  --mui-palette-action-hoverOpacity: 0.08;
  --mui-palette-action-selected: rgba(255, 255, 255, 0.16);
  --mui-palette-action-selectedOpacity: 0.16;
  --mui-palette-action-disabled: rgba(255, 255, 255, 0.3);
  --mui-palette-action-disabledBackground: rgba(255, 255, 255, 0.12);
  --mui-palette-action-disabledOpacity: 0.3;
  --mui-palette-action-focus: rgba(255, 255, 255, 0.12);
  --mui-palette-action-focusOpacity: 0.12;
  --mui-palette-action-activatedOpacity: 0.24;
  --mui-palette-action-activeChannel: 255 255 255;
  --mui-palette-common-background: #121212;
  --mui-palette-common-backgroundChannel: 18 18 18;
  --mui-palette-common-onBackground: #e0e0e0;
  --mui-palette-common-onBackgroundChannel: 224 224 224;
  --mui-palette-grey-50: #303030;
  --mui-palette-grey-100: #3a3a3a;
  --mui-palette-grey-200: #424242;
  --mui-palette-grey-300: #4a4a4a;
  --mui-palette-grey-400: #616161;
  --mui-palette-grey-500: #757575;
  --mui-palette-grey-600: #9e9e9e;
  --mui-palette-grey-700: #bdbdbd;
  --mui-palette-grey-800: #e0e0e0;
  --mui-palette-grey-900: #f5f5f5;
  --primary: var(--mui-palette-primary-main);
  --primary-light: var(--mui-palette-primary-light);
  --primary-dark: var(--mui-palette-primary-dark);
  --primary-contrast: var(--mui-palette-primary-contrastText);
  --secondary: var(--mui-palette-secondary-main);
  --secondary-light: var(--mui-palette-secondary-light);
  --secondary-dark: var(--mui-palette-secondary-dark);
  --secondary-contrast: var(--mui-palette-secondary-contrastText);
  --error: var(--mui-palette-error-main);
  --error-light: var(--mui-palette-error-light);
  --error-dark: var(--mui-palette-error-dark);
  --warning: var(--mui-palette-warning-main);
  --warning-light: var(--mui-palette-warning-light);
  --warning-dark: var(--mui-palette-warning-dark);
  --info: var(--mui-palette-info-main);
  --info-light: var(--mui-palette-info-light);
  --info-dark: var(--mui-palette-info-dark);
  --success: var(--mui-palette-success-main);
  --success-light: var(--mui-palette-success-light);
  --success-dark: var(--mui-palette-success-dark);
  --text-color: var(--mui-palette-text-primary);
  --text-muted: var(--mui-palette-text-secondary);
  --text-faint: var(--mui-palette-text-disabled);
  --common-white: var(--mui-palette-common-white);
  --common-black: var(--mui-palette-common-black);
  --text-inverse: #121212;
  --text-primary: var(--primary);
  --text-secondary: var(--secondary);
  --text-error: var(--error);
  --text-warning: var(--warning);
  --text-info: var(--info);
  --text-success: var(--success);
  --font-size: var(--mui-font-size);
  --font-family: var(--mui-font-family);
  --bg-color: var(--mui-palette-background-default);
  --bg-paper: var(--mui-palette-background-paper);
  --bg-primary: var(--primary);
  --bg-secondary: var(--secondary);
  --bg-error: var(--error);
  --bg-warning: var(--warning);
  --bg-info: var(--info);
  --bg-success: var(--success);
  --bg-grey-100: var(--mui-palette-grey-100);
  --bg-grey-200: var(--mui-palette-grey-200);
  --bg-grey-300: var(--mui-palette-grey-300);
  --border-color: var(--mui-palette-divider);
  --border-grey: #424242;
  --state-hover: var(--mui-palette-action-hover);
  --state-selected: var(--mui-palette-action-selected);
  --state-disabled: var(--mui-palette-action-disabled);
  --state-focus: var(--mui-palette-action-focus);
  --grey-50: var(--mui-palette-grey-50);
  --grey-100: var(--mui-palette-grey-100);
  --grey-200: var(--mui-palette-grey-200);
  --grey-300: var(--mui-palette-grey-300);
  --grey-400: var(--mui-palette-grey-400);
  --grey-500: var(--mui-palette-grey-500);
  --grey-600: var(--mui-palette-grey-600);
  --grey-700: var(--mui-palette-grey-700);
  --grey-800: var(--mui-palette-grey-800);
  --grey-900: var(--mui-palette-grey-900);
  --shadow-sm: var(--mui-shadows-1);
  --shadow-card: var(--mui-shadows-2);
  --shadow-md: var(--mui-shadows-4);
  --shadow-dropdown: var(--mui-shadows-8);
  --shadow-lg: var(--mui-shadows-12);
  --shadow-modal: var(--mui-shadows-16);
  --shadow-login-card: var(--mui-shadows-24);
  --bg-surface: #1e1e1e;
  --bg-subtle: #2a2a2a;
  --btn-radius: 0.25rem;
  --btn-height: 2.5rem;
  --input-radius: 0.25rem;
  --input-height: 2.5rem;
  --chip-radius: 624.9375rem;
  --btn-bg: var(--primary);
  --btn-bg-hover: var(--primary-dark);
  --btn-bg-active: var(--primary-dark);
  --btn-text: var(--primary-contrast);
  --btn-danger-bg: var(--error);
  --btn-danger-bg-hover: var(--error-dark);
  --btn-danger-text: var(--common-white);
  --btn-border: var(--border-grey);
  --btn-disabled-bg: var(--bg-grey-200);
  --btn-disabled-text: var(--text-faint);
  --input-bg: var(--bg-color);
  --input-border: var(--border-grey);
  --input-border-hover: var(--border-color);
  --input-border-focus: var(--primary);
  --input-border-error: var(--error);
  --input-text: var(--text-color);
  --input-placeholder: var(--text-faint);
  --input-disabled-bg: var(--bg-grey-100);
  --card-bg: var(--bg-paper);
  --card-shadow: var(--shadow-card);
  --modal-bg: var(--bg-paper);
  --modal-shadow: var(--shadow-modal);
  --tooltip-bg: #424242;
  --tooltip-text: var(--text-inverse);
  --link-color: var(--primary);
  --link-hover: var(--primary-dark);
  --focus-ring-color: var(--primary);
  --transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --sidebar-width: 240px;
  --header-height: 64px;
  --page-padding: 24px;
  --config-default-size-pc: small;
  --config-default-size-mobile: medium;
}

[data-theme=template] {
  --mui-palette-primary-main: #42a5f5;
  --mui-palette-primary-mainChannel: 66 165 245;
  --mui-palette-primary-light: #64b5f6;
  --mui-palette-primary-lightChannel: 100 181 246;
  --mui-palette-primary-dark: #1976d2;
  --mui-palette-primary-darkChannel: 25 118 210;
  --mui-palette-primary-contrastText: #ffffff;
  --mui-palette-primary-contrastTextChannel: 255 255 255;
  --mui-palette-secondary-main: #ff9800;
  --mui-palette-secondary-mainChannel: 255 152 0;
  --mui-palette-secondary-light: #ffb74d;
  --mui-palette-secondary-lightChannel: 255 183 77;
  --mui-palette-secondary-dark: #f57c00;
  --mui-palette-secondary-darkChannel: 245 124 0;
  --mui-palette-secondary-contrastText: #ffffff;
  --mui-palette-secondary-contrastTextChannel: 255 255 255;
  --mui-palette-error-main: #f44336;
  --mui-palette-error-mainChannel: 244 67 54;
  --mui-palette-error-light: #e57373;
  --mui-palette-error-lightChannel: 229 115 115;
  --mui-palette-error-dark: #d32f2f;
  --mui-palette-error-darkChannel: 211 47 47;
  --mui-palette-error-contrastText: #ffffff;
  --mui-palette-error-contrastTextChannel: 255 255 255;
  --mui-palette-warning-main: #ff9800;
  --mui-palette-warning-mainChannel: 255 152 0;
  --mui-palette-warning-light: #ffb74d;
  --mui-palette-warning-lightChannel: 255 183 77;
  --mui-palette-warning-dark: #f57c00;
  --mui-palette-warning-darkChannel: 245 124 0;
  --mui-palette-warning-contrastText: #000000;
  --mui-palette-warning-contrastTextChannel: 0 0 0;
  --mui-palette-info-main: #2196f3;
  --mui-palette-info-mainChannel: 33 150 243;
  --mui-palette-info-light: #64b5f6;
  --mui-palette-info-lightChannel: 100 181 246;
  --mui-palette-info-dark: #1976d2;
  --mui-palette-info-darkChannel: 25 118 210;
  --mui-palette-info-contrastText: #ffffff;
  --mui-palette-info-contrastTextChannel: 255 255 255;
  --mui-palette-success-main: #4caf50;
  --mui-palette-success-mainChannel: 76 175 80;
  --mui-palette-success-light: #81c784;
  --mui-palette-success-lightChannel: 129 199 132;
  --mui-palette-success-dark: #388e3c;
  --mui-palette-success-darkChannel: 56 142 60;
  --mui-palette-success-contrastText: #ffffff;
  --mui-palette-success-contrastTextChannel: 255 255 255;
  --mui-palette-text-primary: #1b1b1b;
  --mui-palette-text-primaryChannel: 27 27 27;
  --mui-palette-text-secondary: #4d4d4d;
  --mui-palette-text-secondaryChannel: 77 77 77;
  --mui-palette-text-disabled: #9b9b9b;
  --mui-palette-text-disabledChannel: 155 155 155;
  --mui-palette-background-default: #ffffff;
  --mui-palette-background-defaultChannel: 255 255 255;
  --mui-palette-background-paper: #f5f5f5;
  --mui-palette-divider: rgba(0, 0, 0, 0.12);
  --mui-palette-dividerChannel: 0 0 0;
  --mui-palette-action-active: rgba(0, 0, 0, 0.54);
  --mui-palette-action-hover: rgba(0, 0, 0, 0.04);
  --mui-palette-action-hoverOpacity: 0.04;
  --mui-palette-action-selected: rgba(0, 0, 0, 0.08);
  --mui-palette-action-selectedOpacity: 0.08;
  --mui-palette-action-disabled: rgba(0, 0, 0, 0.38);
  --mui-palette-action-disabledBackground: rgba(0, 0, 0, 0.12);
  --mui-palette-action-disabledOpacity: 0.38;
  --mui-palette-action-focus: rgba(0, 0, 0, 0.12);
  --mui-palette-action-focusOpacity: 0.12;
  --mui-palette-action-activatedOpacity: 0.12;
  --mui-palette-action-activeChannel: 0 0 0;
  --mui-palette-common-white: #ffffff;
  --mui-palette-common-black: #000000;
  --mui-palette-common-background: #ffffff;
  --mui-palette-common-backgroundChannel: 255 255 255;
  --mui-palette-common-onBackground: #1b1b1b;
  --mui-palette-common-onBackgroundChannel: 27 27 27;
  --mui-palette-grey-50: #fafafa;
  --mui-palette-grey-100: #f5f5f5;
  --mui-palette-grey-200: #eeeeee;
  --mui-palette-grey-300: #e0e0e0;
  --mui-palette-grey-400: #bdbdbd;
  --mui-palette-grey-500: #9e9e9e;
  --mui-palette-grey-600: #757575;
  --mui-palette-grey-700: #616161;
  --mui-palette-grey-800: #424242;
  --mui-palette-grey-900: #212121;
  --mui-shadows-1: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.05);
  --mui-shadows-2: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
  --mui-shadows-4: 0 0.25rem 0.375rem -0.0625rem rgba(0, 0, 0, 0.1);
  --mui-shadows-8: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.15);
  --mui-shadows-12: 0 0.625rem 0.9375rem -0.1875rem rgba(0, 0, 0, 0.1);
  --mui-shadows-16: 0 1.5rem 2.375rem 0.1875rem rgba(0, 0, 0, 0.14), 0 0.5625rem 2.875rem 0.5rem rgba(0, 0, 0, 0.12);
  --mui-shadows-24: 0 0 1.25rem rgba(0, 0, 0, 0.07);
  --mui-font-family: Noto Sans KR, Roboto, Pretendard, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  --mui-font-size: 0.8125rem;
  --mui-shape-borderRadius: 0.25rem;
  --primary: var(--mui-palette-primary-main);
  --primary-light: var(--mui-palette-primary-light);
  --primary-dark: var(--mui-palette-primary-dark);
  --primary-contrast: var(--mui-palette-primary-contrastText);
  --secondary: var(--mui-palette-secondary-main);
  --secondary-light: var(--mui-palette-secondary-light);
  --secondary-dark: var(--mui-palette-secondary-dark);
  --secondary-contrast: var(--mui-palette-secondary-contrastText);
  --error: var(--mui-palette-error-main);
  --error-light: var(--mui-palette-error-light);
  --error-dark: var(--mui-palette-error-dark);
  --warning: var(--mui-palette-warning-main);
  --warning-light: var(--mui-palette-warning-light);
  --warning-dark: var(--mui-palette-warning-dark);
  --info: var(--mui-palette-info-main);
  --info-light: var(--mui-palette-info-light);
  --info-dark: var(--mui-palette-info-dark);
  --success: var(--mui-palette-success-main);
  --success-light: var(--mui-palette-success-light);
  --success-dark: var(--mui-palette-success-dark);
  --text-color: var(--mui-palette-text-primary);
  --text-muted: var(--mui-palette-text-secondary);
  --text-faint: var(--mui-palette-text-disabled);
  --common-white: var(--mui-palette-common-white);
  --common-black: var(--mui-palette-common-black);
  --text-inverse: #ffffff;
  --text-primary: var(--primary);
  --text-secondary: var(--secondary);
  --text-error: var(--error);
  --text-warning: var(--warning);
  --text-info: var(--info);
  --text-success: var(--success);
  --font-size: var(--mui-font-size);
  --font-family: var(--mui-font-family);
  --bg-color: var(--mui-palette-background-default);
  --bg-paper: var(--mui-palette-background-paper);
  --bg-primary: var(--primary);
  --bg-secondary: var(--secondary);
  --bg-error: var(--error);
  --bg-warning: var(--warning);
  --bg-info: var(--info);
  --bg-success: var(--success);
  --bg-grey-100: var(--mui-palette-grey-100);
  --bg-grey-200: var(--mui-palette-grey-200);
  --bg-grey-300: var(--mui-palette-grey-300);
  --border-color: var(--mui-palette-divider);
  --border-grey: #e0e0e0;
  --state-hover: var(--mui-palette-action-hover);
  --state-selected: var(--mui-palette-action-selected);
  --state-disabled: var(--mui-palette-action-disabled);
  --state-focus: var(--mui-palette-action-focus);
  --grey-50: var(--mui-palette-grey-50);
  --grey-100: var(--mui-palette-grey-100);
  --grey-200: var(--mui-palette-grey-200);
  --grey-300: var(--mui-palette-grey-300);
  --grey-400: var(--mui-palette-grey-400);
  --grey-500: var(--mui-palette-grey-500);
  --grey-600: var(--mui-palette-grey-600);
  --grey-700: var(--mui-palette-grey-700);
  --grey-800: var(--mui-palette-grey-800);
  --grey-900: var(--mui-palette-grey-900);
  --shadow-sm: var(--mui-shadows-1);
  --shadow-card: var(--mui-shadows-2);
  --shadow-md: var(--mui-shadows-4);
  --shadow-dropdown: var(--mui-shadows-8);
  --shadow-lg: var(--mui-shadows-12);
  --shadow-modal: var(--mui-shadows-16);
  --shadow-login-card: var(--mui-shadows-24);
  --bg-surface: #ffffff;
  --bg-subtle: #e3f2fd;
  --btn-radius: 0.25rem;
  --btn-height: 2.5rem;
  --input-radius: 0.25rem;
  --input-height: 2.5rem;
  --chip-radius: 624.9375rem;
  --btn-bg: var(--primary);
  --btn-bg-hover: var(--primary-dark);
  --btn-bg-active: var(--primary-dark);
  --btn-text: var(--primary-contrast);
  --btn-danger-bg: var(--error);
  --btn-danger-bg-hover: var(--error-dark);
  --btn-danger-text: var(--common-white);
  --btn-border: var(--border-grey);
  --btn-disabled-bg: var(--bg-grey-200);
  --btn-disabled-text: var(--text-faint);
  --input-bg: var(--bg-color);
  --input-border: var(--border-grey);
  --input-border-hover: var(--border-color);
  --input-border-focus: var(--primary);
  --input-border-error: var(--error);
  --input-text: var(--text-color);
  --input-placeholder: var(--text-faint);
  --input-disabled-bg: var(--bg-grey-100);
  --card-bg: var(--bg-paper);
  --card-shadow: var(--shadow-card);
  --modal-bg: var(--bg-paper);
  --modal-shadow: var(--shadow-modal);
  --tooltip-bg: var(--text-color);
  --tooltip-text: var(--text-inverse);
  --link-color: var(--primary);
  --link-hover: var(--primary-dark);
  --focus-ring-color: var(--primary);
  --transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --sidebar-width: 240px;
  --header-height: 64px;
  --page-padding: 24px;
  --config-default-size-pc: medium;
  --config-default-size-mobile: medium;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 1.875rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --space-0: 0;
  --space-0-5: 0.125rem;
  --space-1: 0.25rem;
  --space-1-5: 0.375rem;
  --space-2: 0.5rem;
  --space-2-5: 0.625rem;
  --space-3: 0.75rem;
  --space-3-5: 0.875rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-11: 2.75rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-28: 7rem;
  --space-32: 8rem;
  --radius-none: 0;
  --radius-xs: 0.125rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-xxl: 1.5rem;
  --radius-full: 624.9375rem;
  --icon-xs: 0.875rem;
  --icon-sm: 1rem;
  --icon-md: 1.25rem;
  --icon-lg: 1.5rem;
  --icon-xl: 2rem;
  --icon-2xl: 2.5rem;
}

html {
  font-size: var(--font-size);
}