:root {
  --button-sm-paddingX: 12px;
  --button-sm-paddingY: 6px;
  --button-sm-fontSize: 12px;
  --button-sm-radius: 6px;
  --button-sm-gap: 6px;
  --button-sm-iconSize: 14px;
  --button-sm-minHeight: 32px;
  --button-md-paddingX: 16px;
  --button-md-paddingY: 8px;
  --button-md-fontSize: 14px;
  --button-md-radius: 8px;
  --button-md-gap: 8px;
  --button-md-iconSize: 16px;
  --button-md-minHeight: 40px;
  --button-lg-paddingX: 24px;
  --button-lg-paddingY: 12px;
  --button-lg-fontSize: 16px;
  --button-lg-radius: 8px;
  --button-lg-gap: 8px;
  --button-lg-iconSize: 20px;
  --button-lg-minHeight: 48px;
  --button-xl-paddingX: 32px;
  --button-xl-paddingY: 16px;
  --button-xl-fontSize: 16px;
  --button-xl-radius: 12px;
  --button-xl-gap: 10px;
  --button-xl-iconSize: 20px;
  --button-xl-minHeight: 56px;
  --input-sm-paddingX: 10px;
  --input-sm-paddingY: 6px;
  --input-sm-fontSize: 12px;
  --input-sm-radius: 6px;
  --input-sm-minHeight: 32px;
  --input-md-paddingX: 12px;
  --input-md-paddingY: 8px;
  --input-md-fontSize: 14px;
  --input-md-radius: 8px;
  --input-md-minHeight: 40px;
  --input-lg-paddingX: 16px;
  --input-lg-paddingY: 12px;
  --input-lg-fontSize: 16px;
  --input-lg-radius: 8px;
  --input-lg-minHeight: 48px;
  --input-bg: #FFFFFF;
  --input-bgDisabled: #F3F4F6;
  --input-border: #E5E7EB;
  --input-borderHover: #D1D5DB;
  --input-borderFocus: #3C53FF;
  --input-borderError: #FC3638;
  --input-text: #111827;
  --input-placeholder: #9CA3AF;
  --card-bg: #FFFFFF;
  --card-border: #E5E7EB;
  --card-radius: 12px;
  --card-padding: 24px;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
  --card-hoverShadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
  --badge-paddingX: 8px;
  --badge-paddingY: 2px;
  --badge-fontSize: 11px;
  --badge-radius: 9999px;
  --badge-fontWeight: 600;
  --avatar-xs-size: 24px;
  --avatar-xs-fontSize: 11px;
  --avatar-sm-size: 32px;
  --avatar-sm-fontSize: 12px;
  --avatar-md-size: 40px;
  --avatar-md-fontSize: 14px;
  --avatar-lg-size: 48px;
  --avatar-lg-fontSize: 16px;
  --avatar-xl-size: 64px;
  --avatar-xl-fontSize: 20px;
  --avatar-radius: 9999px;
  --avatar-border: 2px solid #FFFFFF;
  --modal-sm-width: 400px;
  --modal-md-width: 540px;
  --modal-lg-width: 720px;
  --modal-xl-width: 960px;
  --modal-full-width: 100vw;
  --modal-radius: 16px;
  --modal-padding: 24px;
  --modal-shadow: 0 20px 25px rgba(0, 0, 0, 0.10), 0 8px 10px rgba(0, 0, 0, 0.04);
  --tooltip-bg: #111827;
  --tooltip-text: #FAFAFA;
  --tooltip-radius: 6px;
  --tooltip-paddingX: 10px;
  --tooltip-paddingY: 6px;
  --tooltip-fontSize: 12px;
  --tooltip-shadow: 0 4px 6px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.04);
  --tooltip-maxWidth: 240px;
  --toast-bg: #FFFFFF;
  --toast-border: #E5E7EB;
  --toast-radius: 12px;
  --toast-padding: 16px;
  --toast-shadow: 0 10px 15px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(0, 0, 0, 0.04);
  --toast-maxWidth: 420px;
  --toast-gap: 12px;
  --table-headerBg: #F9FAFB;
  --table-headerText: #4B5563;
  --table-headerWeight: 600;
  --table-cellPaddingX: 16px;
  --table-cellPaddingY: 12px;
  --table-rowBorder: #F3F4F6;
  --table-rowHoverBg: #F9FAFB;
  --table-stripedBg: #F9FAFB;
  --table-fontSize: 14px;
  --sidebar-bg: #FFFFFF;
  --sidebar-border: #E5E7EB;
  --sidebar-width: 280px;
  --sidebar-collapsedWidth: 72px;
  --sidebar-itemPaddingX: 12px;
  --sidebar-itemPaddingY: 8px;
  --sidebar-itemRadius: 8px;
  --sidebar-itemHoverBg: #F3F4F6;
  --sidebar-itemActiveBg: rgba(252, 54, 56, 0.08);
  --sidebar-itemActiveText: #FC3638;
  --sidebar-itemText: #4B5563;
  --sidebar-itemIconSize: 20px;
  --sidebar-sectionGap: 24px;
  --infoBox-bg: #F5F5F4;
  --infoBox-padding: 24px;
  --infoBox-radius: 12px;
  --infoBox-borderLeft: 3px solid #FC3638;
  --infoBox-titleSize: 14px;
  --infoBox-titleWeight: 600;
  --infoBox-titleColor: #111827;
  --infoBox-titleSpacing: -0.01em;
  --infoBox-titleGap: 10px;
  --infoBox-textSize: 13px;
  --infoBox-textColor: #4B5563;
  --infoBox-textLeading: 1.7;
  --label-fontSize: 12px;
  --label-fontWeight: 600;
  --label-color: #9CA3AF;
  --label-textTransform: uppercase;
  --label-letterSpacing: 0.05em;
  --label-marginBottom: 6px;
}
